ExtJs之下拉框
2017-06-13 17:43
85 查看
//下拉框store var store = new Ext.data.Store({ autoLoad: true, storeId: 'centerStore', fields : ['id','name'], proxy: { type:'ajax', url: url', reader: { type: 'json' } } }); var addWin = Ext.create('Ext.window.Window', { id: 'addWin', width: 300, height:300, bodyPadding: 5, maximizable: false, monitorValid:true, modal: true, closeAction: 'hide', listeners:{'close':function(){ cancelForm(); } }, overflowX: 'hidden', overflowY: 'auto', items: [ Ext.create('Ext.form.Panel', { id: 'userEngineForm', width: 430, url: url, layout: 'anchor', defaultType: 'textfield', items: [{ //隐藏域 name: 'id', hidden: true },{ xtype: 'textfield', fieldLabel:'ID', name: 'userId', disabled: true //不可编辑也不提交 },{ xtype: 'textfield', fieldLabel:'用户账号', name: 'account', disabled: true },{ xtype: 'combobox', //使用xtype定义 name: 'engineId', //form提交时的名称 id: 'eId', fieldLabel: '请选择', //显示的Label store: store, //绑定的Store editable: false, //是否可编辑 displayField: 'name', //显示的字段 valueField: 'id', //值的字段 queryMode: 'local' //查询模式 } ] }) ], buttons: [ { text: '保存', handler: function(){ var eId=Ext.getCmp('eId').getValue(); if(eId == '' || eId == null){ Ext.Msg.alert('系统错误提示', '请选择数据'); return; } Ext.getCmp('userEngineForm').submit({ waitTitle: '系统提示', waitMsg: '保存中......', success: function(form, action){ if(!action.result.success){ Ext.Msg.alert('系统提示', action.result.msg); return; } //清空form表单 cancelForm(); Ext.Msg.alert('系统提示', '保存成功!', function(){ userEngineStore.reload(); }); }, failure: function(form, action){ Ext.Msg.alert('系统提示', action.result.msg); } }); } },{ text: '取消', handler: function(){ cancelForm(); } } ] });
相关文章推荐
- Extjs 下拉框下拉选项为Object object
- Extjs中,带有下拉选项的条件查询。
- EXTJS4.2 级联 下拉
- 对Extjs“Combo with Templates and Ajax”改进(下拉数据中添加图标标识)
- G4Studio平台下基于ExtJS的下拉复选组件实现案例
- extjs下拉选相关注释(以及如何根据显示的值,获取需要传入后台的值)
- 8.21 关于extjs 下拉框联动
- ExtJS ComboBox 下拉列表详细用法
- ExtJs之带图片的下拉列表框插件
- Extjs读取本地下拉选框数据源,分为text和value,显示text,传值value
- Extjs4之下拉框赋值
- 自定义ExtJS控件之Ext下拉树和Ext下拉表格
- extjs combobox 获得焦点即下拉的问题总结
- extJs 下拉框联动实现代码
- Extjs2. 4000 0.2 datefield 日期组件在点击选择日期时下拉面板在chrome, firefox中样式乱掉的解决办法
- ExtJS ComboBox 下拉列表详细用法
- ExtJS4.2 下拉列表Combobox级联选择
- ExtJS3.2 下拉列表默认选择
- 自定义ExtJS控件之Ext下拉树和Ext下拉表格
- 无废话ExtJs 入门教程十一[下拉列表:Combobox]