Элементы формы Qooxdoo и getSelection () - PullRequest
3 голосов
/ 25 февраля 2010

Вот мой код:

var sb = new qx.ui.form.SelectBox();

sb.add( new qx.ui.form.ListItem("English") );
sb.add( new qx.ui.form.ListItem("Nederlands") );
sb.add( new qx.ui.form.ListItem("Deutsch") );
sb.add( new qx.ui.form.ListItem("français") );
sb.add( new qx.ui.form.ListItem("Српски") );

Как использовать setSelection (), чтобы выбрать «Deutsch», и что, если элементы имеют числовые значения? Могу ли я также установить значения для этих меток или SelectBox () ограничен метками?

Например:

value: en, label: English
value: de, label: Deutsch
etc.

Ответы [ 2 ]

6 голосов
/ 25 февраля 2010

Посмотрите на пример кода ниже.

Вы можете указать модель с каждым ListItem для хранения дополнительной информации. Например, он может выступать в качестве значения свойства для элементов формы. Смотри http://demo.qooxdoo.org/1.0.x/apiviewer/#qx.ui.form.ListItem

  var selectBox = new qx.ui.form.SelectBox();

  selectBox.add( new qx.ui.form.ListItem("English", null, "en" ));
  selectBox.add( new qx.ui.form.ListItem("Nederlands", null, "nl" ));
  var defaultItem = new qx.ui.form.ListItem("Deutsch", null, "de" );
  selectBox.add(defaultItem );
  selectBox.add( new qx.ui.form.ListItem("français", null, "fr"));
  selectBox.add( new qx.ui.form.ListItem("Српски", null, "ru"));

  selectBox.setSelection([defaultItem]);
  selectBox.addListener("changeSelection", function(e) {

    //Read model data from listitem
    this.debug("changeSelection: " + e.getData()[0].getModel());
  });
0 голосов
/ 04 января 2014

Может быть, этот пример будет вам полезен:

var sb = new qx.ui.form.SelectBox();
var a = ["English", "Nederlands", "Deutsch", "Français", "Српски"];
var model = new qx.data.Array(a);
var controller = new qx.data.controller.List(model, sb);
controller.setSelection(model.slice(0,3));

В последней строке model.slice (0,3) возвращает подмассив модели с тремя элементами: от «английского» до «немецкого». И последний элемент в этом подмассиве будет «выбран» по умолчанию.

Подробнее см. В разделе «Привязка данных» в руководстве qooxdoo.

...