EXTJS4两个ComboBox的数据源联动,解决遇到第二个ComboBox第二次以后显示忙的状态问题
2013-06-20 19:33
393 查看
定义如下【红色部分是后加上的,它是解决问题的关键】:
var bu_store = Ext.create('Ext.data.Store', {
fields: ['key', 'value'],
remoteSort: true, //是否在服务端排序
proxy: {
type: 'ajax', //异步获取数据,这里的URL可以改为任何动态页面,只要返回JSON数据即可
url: 'soc/GetBU',
reader: {
root: 'items'
},
simpleSortMode: true
}
});
var evt_bu = new Ext.form.ComboBox({
id: 'evt_bu',
fieldLabel: 'BU',
width: 240,
store: bu_store,
displayField: 'value',
valueField: 'key',
triggerAction: 'all',
emptyText: '请选择...',
allowBlank: false,
blankText: '请选择BU',
editable: false,
mode: 'local', //该属性和以下方法为了兼容ie8
listeners: {
'render': function () {
bu_store.load();
}
}
});
var pdl_store = Ext.create('Ext.data.Store', {
fields: ['key', 'value'],
remoteSort: true, //是否在服务端排序
autoLoad: false,
proxy: {
type: 'ajax', //异步获取数据,这里的URL可以改为任何动态页面,只要返回JSON数据即可
url: 'soc/GetPDL',
reader: {
root: 'items'
},
simpleSortMode: true
}
});
pdl_store.on("beforeload", function () {
Ext.apply(pdl_store.proxy.extraParams, {'bu': evt_bu.getValue()});
});
var evt_pdl = new Ext.form.ComboBox({
fieldLabel: ' 产品线',
width: 240,
store: pdl_store,
listConfig: {loadMask: false},
displayField: 'value',
valueField: 'key',
triggerAction: 'all',
emptyText: '请选择...',
allowBlank: false,
blankText: '请选择产品线',
editable: false
});
//联动的实现
evt_bu.on('select', function () {
evt_pdl.clearValue();
try{
pdl_store.load();
}
catch(ex){
Ext.MessageBox.alert("错误","数据加载失败。");
}
});
var bu_store = Ext.create('Ext.data.Store', {
fields: ['key', 'value'],
remoteSort: true, //是否在服务端排序
proxy: {
type: 'ajax', //异步获取数据,这里的URL可以改为任何动态页面,只要返回JSON数据即可
url: 'soc/GetBU',
reader: {
root: 'items'
},
simpleSortMode: true
}
});
var evt_bu = new Ext.form.ComboBox({
id: 'evt_bu',
fieldLabel: 'BU',
width: 240,
store: bu_store,
displayField: 'value',
valueField: 'key',
triggerAction: 'all',
emptyText: '请选择...',
allowBlank: false,
blankText: '请选择BU',
editable: false,
mode: 'local', //该属性和以下方法为了兼容ie8
listeners: {
'render': function () {
bu_store.load();
}
}
});
var pdl_store = Ext.create('Ext.data.Store', {
fields: ['key', 'value'],
remoteSort: true, //是否在服务端排序
autoLoad: false,
proxy: {
type: 'ajax', //异步获取数据,这里的URL可以改为任何动态页面,只要返回JSON数据即可
url: 'soc/GetPDL',
reader: {
root: 'items'
},
simpleSortMode: true
}
});
pdl_store.on("beforeload", function () {
Ext.apply(pdl_store.proxy.extraParams, {'bu': evt_bu.getValue()});
});
var evt_pdl = new Ext.form.ComboBox({
fieldLabel: ' 产品线',
width: 240,
store: pdl_store,
listConfig: {loadMask: false},
displayField: 'value',
valueField: 'key',
triggerAction: 'all',
emptyText: '请选择...',
allowBlank: false,
blankText: '请选择产品线',
editable: false
});
//联动的实现
evt_bu.on('select', function () {
evt_pdl.clearValue();
try{
pdl_store.load();
}
catch(ex){
Ext.MessageBox.alert("错误","数据加载失败。");
}
});
相关文章推荐
- EXTJS4两个ComboBox的数据源联动,解决遇到第二个ComboBox第二次以后显示忙的状态问题
- 部分解决VC2008以后CRebar 增加两个工具条,第二个工具条会右对齐的问题
- 解决WinForm中ComboBox控件的“设置"DataSourse”属性后无法修改项集合”以及两个不相关联的ComboxBox控件实现数据列表显示不可实现的问题
- 打开报表时“网站数据源”没有显示,且“报错”的问题已解决!!!
- 装vs2010时遇到的问题,记录下来以防以后又遇到了不知道怎么解决
- maven项目的分支状态显示NO-HEAD的问题解决
- 在使用 Spring Boot 和 MyBatis 动态切换数据源时遇到的问题以及解决方法
- FckEditor使用时遇到的两个问题,未能加载xxxx和上传图片无响应的解决方法
- TX2上面opencv3.2安装遇到的两个问题及解决办法
- 上班遇到的在combox中显示默认值的问题解决
- zookeeper在启动的时候遇到启动无法查看集群状态的问题-------已解决
- [Android]使用 Eclipse 给 APK 签名时遇到的两个问题及解决办法
- 多个ComboBox绑定同一个数据源出现的问题解决办法
- 两个ComboBox互相联动的一种解决方法
- 解决编辑时combobox显示编号而不是文本的问题
- Asp.net 中的GridView导出遇到的两个问题和解决方法
- jqueryMobile 两个页面切换,第二个页面css样式没有加载的问题,已解决
- 项目适配iOS9遇到的一些问题及解决办法(更新两个小问题)
- 智能设备下,在ComboBox控件添加了多项数据,只显示第一项数据,而不显示其它数据的问题解决办法
- 安装zookeeper时候,解决状态显示报错:Error contacting service. It is probably not running问题