在 Titanium 应用程序中保存表单字段的数据

Question

我正在使用 html 和 javascript 在钛上编写一个程序，并且我有一个表单设置页面，用于设置其他表单字段的值我需要保存在文本框中输入的数据并在下次启动程序或重新加载时加载它们页面，我该如何以简单的方式做到这一点？

<div id="formh">
    <form id="form">
        <select name="test" id="test">
            <option id="op1" value="1">1234</option>
            <option id="op2" value="2">2134</option>
        </select>
    </form>
</div>
<div id="st">
    <form name="settings">
        Op1 Value<input type="text" value="" id="inputOpt1" />
        Op2 Value<input type="text" value="" id="inputOpt2" />
    </form>
</div>

http://jsfiddle.net/hSyY3/

Answer 1

在表单的 onSubmit 事件（如果您不需要提交按钮，则为输入的 onChange），您可以使用 Titanium.Database 或 Titanium.App.Properties - 我认为后者在这种情况下更合适。下面是 jQuery 中的一个示例（为简单起见，尽管您也可以不使用它）：

$("form[name='settings']").submit(function(){
  var val1 = $('input#inputOpt1').val();
  Titanium.App.Properties.setString("opt1", val1);
  var val2 = $('input#inputOpt2').val();
  Titanium.App.Properties.setString("opt2", val2);
});

然后，基本上对其他表单执行相反的操作，以从 Titanium 检索属性并设置输入字段值。

更新

完整示例（同样，不确定我是否完全理解所需的交互）：

$(document).ready(function(){
  $("form[name='settings'] input").change(function(){
    // these will happen on every change to the input values
    var val1 = $('input#inputOpt1').val();
    Titanium.App.Properties.setString("opt1", val1);
    var val2 = $('input#inputOpt2').val();
    Titanium.App.Properties.setString("opt2", val2);
  });

  // these will only happen right after the page loads
  var setting1 = Titanium.App.Properties.getString("opt1");
  $("form#form op1").val(setting1);
  var setting2 = Titanium.App.Properties.getString("opt2");
  $("form#form op2").val(setting2);
});