Ext2.0本地情势动态改正combobox挑选项[Java编程]

在很多时刻,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%'
　　 })

　　以上是“Ext2.0本地情势动态改正combobox挑选项[Java编程]”的内容，如果你对以上该文章内容感兴趣，你可以看看七道奇为您推荐以下文章：