Extjs 中ComboBox的使用

最新推荐文章于 2021-02-24 00:08:41 发布

原创最新推荐文章于 2021-02-24 00:08:41 发布 · 118 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#EXT

ajax相关专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一个使用ExtJS框架创建用户添加窗口的过程。该窗口包括姓名、密码、电话、地址及备注等输入项，并通过下拉框选择部门。代码实现了从服务器加载部门数据并填充到ComboBox组件中。

	       function add(){
	       var mstore=new Ext.data.JsonStore({
	       url:"deptment!findAll.action",
	       root:"deptments",
	       idProperty:"id",
	       fields:['id','deptmentName','deptmentInfo']
	       });
	       var cb=new Ext.form.ComboBox({
	       fieldLabel:"请选择部门",
	       name:"depementid",
	       anchor:"70%",
	       store:mstore,
	       displayField:'deptmentName',
	       valueField:'id',
	       triggerAction: 'all'
	       });
	       mstore.load();

	       var win=new Ext.Window({
	       title:"用户添加",
	       width:300,
	       height:300,
	       items:{
	       xtype:"form",
	       layout:"form",
	       items:[{xtype:"textfield",fieldLabel:"姓名",name:"userName",anchor:"70%"},
	       {xtype:"textfield",fieldLabel:"密码",name:"passWord",anchor:"70%"},
	       {xtype:"textfield",fieldLabel:"电话",name:"",anchor:"70%"},
	       {xtype:"textfield",fieldLabel:"地址",name:"",anchor:"70%"},
	       {xtype:"textarea",fieldLabel:"备注",name:"",anchor:"70%"}
	       ,cb
	       ]}
	       })
	       win.show();
	       }