Zebra入门 互动版

Combo


  组合框是常用组件之一,在zebra中使用Combo方法来创建。

//创建组合框
var combo = new zebra.ui.Combo([
       "Item 1",
       "Item 2",
       "Item 3"            
   ]);

  创建一个组合框非常的简单,我们还是可以设置一下它的选中节点。

//选中第三个节点
combo.select(2);

  使用组合框,我们最关心的还是它选中的是哪个节点,并且在节点被选中后能够马上知晓。因此,我们需要为它注册监听。

//注册选择框监听
combo.bind(function(combo, value){
    //执行操作
});

  选择框选中某个节点时,bind的回调函数会立即执行,回调函数的第一个参数为选择框对象,第二个参数为选中的节点索引。

向画布中添加一个组合框,并选中第一个节点。