在鈦應用程序中保存表單字段的數據

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); 
}); 

然後，基本上做的是相反的其他形式的檢索鈦屬性和設置輸入字段值。

UPDATE

全比如（再次提示，不知道，我完全理解所需的交互）：你爲什麼要使用鈦這樣

$(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); 
});