Ext2.0本地模式动态修改combobox选择项

Ext2.0本地模式动态修改combobox选择项2011-02-09在很多时候，combobox的选择项已经下载到本地，只是存储方式不同，我们就需要动态修改combobox的选择项。例如有一颗树，树的节点就是combobox的选项，在Ext2.0中树的存储格式不是使用store的，而combobox必须使用store，这就需要进行数据转换。本文就以此作为例子，研究一下如何动态修改combobox的选择项。

我们先创建一个带几个选项的树：

var root = new Ext.tree.TreeNode（{
   text: "选项",
   allowDrag:false,
   allowDrop:false
   }）;
   root.appendChild（
   new Ext.tree.TreeNode（{id:1,text:"选项一",allowDrag:false}）,
   new Ext.tree.TreeNode（{id:2,text:"选项二",allowDrag:false}）,
   new Ext.tree.TreeNode（{id:3,text:"选项三",allowDrag:false}）,
   new Ext.tree.TreeNode（{id:4,text:"选项四",allowDrag:false}）
   ）;
   var tree=new Ext.tree.TreePanel（{
   style:"margin:20px 0 0 20px",
   title:"选项列表",
   width: 200,
   height:300,
   root:root
   }）
   tree.render（document.body）;
   root.expand（）;

代码里先创建了一个树节点root，这个将作为树的根节点，然后加入了id分别为1、2、3、4的子节点，这4个子节点就是combobox选择项，id是combobox的提交值，text是显示值。

下面创建一个combobox，：

var combo=new Ext.form.ComboBox（{
     valueField :"id",
    displayField: "text",
     store:new Ext.data.SimpleStore（{
   fields: ["id", "text"],
   data: []
   }）,
     mode: "local",
    blankText:"请选择",
     emptyText:"请选择",
     hiddenName:"testhide",
    fieldLabel: "测试",
     name: "test",
     anchor:"90%"
   }）