与服务器的交互,因为后台不是自己写的也不是很清楚
js这里的话
先见一个store
var store = new Ext.data.Store({
proxy:new Ext.data.HttpProxy({url:'相应的action'}),
reader : new Ext.data.JsonReader({
root:'rows'},
[
{name:'siteid',mapping:'cell.siteid'},
{name:'functionName',mapping:'cell.functionName'},
{name:'createrName',mapping:'cell.createrName'},
{name:'createdatetime',mapping:'cell.createdatetime'},
{name:'dscp',mapping:'cell.dscp'}
]
),
autoLoad:true
});
name:是自定义的,可以用于下面的程序索引
而mapping这是根据服务器发回的json取的,这里可以通过firebug查看http传输回来的信息:打开firebug,选择控制台,选择所有,点击任意返回信息,单机查看标签栏。见附件
其格式如下:
看到rows下有cell节点,并根据cell下的节点名映射到cell.siteid。
combox的使用
这里是作为 配置项存在
items:[
{
widthidth:150,
layout:'form',
border:false,
items:[{fieldLabel:'站点名称',
xtype:'combo', //combobox的xtype是combo
id:'siteName',
name:'siteName',
border:false,
store:siteStore,
mode:'local',
triggerAction:'all', //此处设置为‘all’,默认情况下在选择一项后,下次单击下拉列表,就只显示显示的那一项了。
displayField:'siteName', //显示在页面的内容
valueField:'siteid', //实际值
emptyText:'请选择站点'}] //为空时文本提示
}
]
关于combobox的取值,
假设combobox中的id为 com
Ext.get('com').dom.value可以得到displayField的内容
Ext.getCmp('com').getValue可以得到valueField的内容
- 描述: firebug
- 大小: 50.9 KB
分享到:
相关推荐
extjs editgrid combobox 回显extjs editgrid combobox 回显extjs editgrid combobox 回显extjs editgrid combobox 回显
extjs 自动补全,模拟下拉列表combobox
NULL 博文链接:https://dengli19881102.iteye.com/blog/1046190
Combobox二级联动列子 Combobox二级联动列子 Combobox二级联动列子 Combobox二级联动列子 Combobox二级联动列子 Combobox二级联动列子
EXTJS的COMBOBOX级联实现和数据提交VALUE[文].pdf
extJs4 ComboBox 代码组合框实例,ComboBox 各个主要参数详细解释
Extjs4---combobox联动实例
extjs4 ComboBox 点击下拉框 出现grid效果 这里只实现了点击下拉框显示gird,点击其他地方grid自动消失
代码看起来简洁又漂亮是如何做到的,这篇文章主要为大家详细介绍了Extjs如何让combobox写起来更简单,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
NULL 博文链接:https://mawj0326-163-com.iteye.com/blog/1628470
Extjs3.4.0版本 多选下拉框效果支持多选/全选/全不选, 附源码。 修复不能多选问题,代码仅供参考
首先在窗体中添加一个comboBox1和一个imageList(本例中带有三个图片) this.comboBox1.DrawMode = System.Windows.Forms.DrawMode.OwnerDrawFixed;
当需要为ComboBox加载数据后进行赋初始选中项的话,如果是写在store.load()之后
该资源主要展示了在Extjs6中Combobox控件实现下拉选择多个数据的功能
extjs的combobox功能很强大,通过它可以模糊查询,只要添加几个属性即可,网上找的代码有的不符合我的要求。 所以自己改了一些代码。
NULL 博文链接:https://huiqinbo.iteye.com/blog/2219726
NULL 博文链接:https://wwwzhouhui.iteye.com/blog/701745
Extjs4---combobox省市区三级联动+struts2