Сохранение данных из поля формы в приложении Titanium - PullRequest
Новая
       6

Сохранение данных из поля формы в приложении Titanium

0 голосов
/ 09 марта 2011

Я пишу программу на титане с использованием 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/

1 Ответ

1 голос
/ 09 марта 2011

В событии 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);
});
...