Ext2.0本地模式动态修改combobox选择项 - 编程入门网

作者佚名技术来源 NET编程浏览发布时间 2012-06-19

{ 　　 4 　　　　　　　　　var node=root.childNodes[i]; 　　 5　　　　　　　　data.push([node.id,node.text]); 　　 6 　　　　　 } 　　 7 　　　　　 combo.store.loadData(data);

在第1行，首先定义了一个空数组data。在第2行清理combobox的值状态，避免当前选择值不存在，不过你也可以保留，不执行这句。第3和6行通过一循环，遍历树根节点root的子节点，第4行取得一个子节点，在第5行将子节点的id和text组成一个数组增加到data数组中。在第7行将数据加载到combobox的store中。

是不是很简单？呵呵。希望本文能给大家一下帮助，多谢！

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

时间:2011-02-09

本文的完整代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 　　 <html> 　　 <head> 　　 <title>动态修改combobox选择项例子</title> 　　 <meta http-equiv="content-type" content="text/html; charset=utf-8"> 　　 <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css"> 　　 </head> 　　 <body> 　　 <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script> 　　 <script type="text/javascript" src="../../ext-all.js"></script> 　　 <script type="text/javascript" src="../../ext-lang-zh_CN.js"></script> 　　 <script> 　　 Ext.onReady(function(){ 　　 Ext.QuickTips.init(); 　　 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(); 　　 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%'' 　　 }) 　　 var simpleForm = new Ext.FormPanel({ 　　 labelAlign: ''left'', 　　 title: ''动态修改combobox选择项例子'', 　　 buttonAlign:''center'', 　　 bodyStyle:''padding:5px'', 　　 style:''margin:20px 0 0 20px;'', 　　 width: 600,　　　　 frame:true, 　　 labelWidth:80, 　　 items: [combo], 　　 buttons:[{ 　　 text:''改变选项'', 　　 handler:function(){ 　　　　　　　　 var data=[]; 　　 combo.clearValue(); 　　　　　　　　 for(var i=0;i<root.childNodes.length;i++){ 　　　

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

分享到：更多

你可能对下面的文章感兴趣

上一篇: 为SWT应用程序配备内容助理 - 编程入门网下一篇: Spring + Eclipse开发入门 - 编程入门网

关于Ext2.0本地模式动态修改combobox选择项 - 编程入门网的所有评论

随机推荐