extjs4改动很大,bug也很多!
一直在踩雷的过程中……
本人目前版本为4.0.2a
问题:
下拉框的分页不能正确翻页,如下为出问题的代码:
{
name: 'submitterId',
fieldLabel: '提交人',
xtype: 'combo',
triggerAction: 'all',
queryMode: 'remote',
hiddenName : 'id',
minChars : 1,
queryParam: 'nickname',
store: submitterStore = Ext.create('Ext.data.Store', {
proxy: {
type: 'ajax',
url: 'saler/getQuerySalers.json',
method: 'POST',
reader: {
type: 'json',
totalProperty : 'page.totalCount',
root: 'page.result'
}
},
pageSize : 2,
fields :[{
name : 'id'
}, {
name : 'nickname'
}]
}),
valueField: 'id',
displayField: 'nickname',
listConfig : {
minWidth: 280
},
pageSize : 2
}
去国外论坛也没有找到好的解决方案,于是只能自己看源码找到问题所在,贴上解决代码,希望对大家有所帮助:
Ext.apply(Ext.form.field.ComboBox.prototype, {
doQuery: function(queryString, forceAll) {
queryString = queryString || '';
var me = this,
qe = {
query: queryString,
forceAll: forceAll,
combo: me,
cancel: false
},
store = me.store,
isLocalMode = me.queryMode === 'local';
if (me.fireEvent('beforequery', qe) === false || qe.cancel) {
return false;
}
queryString = qe.query;
forceAll = qe.forceAll;
if (forceAll || (queryString.length >= me.minChars)) {
me.expand();
if (!me.queryCaching || me.lastQuery !== queryString) {
me.lastQuery = queryString;
if (isLocalMode) {
if (forceAll) {
store.clearFilter();
} else {
store.clearFilter(true);
store.filter(me.displayField, queryString);
}
} else {
Ext.apply(store.getProxy().extraParams, me.getParams(queryString));
store.load();
}
}
if (me.getRawValue() !== me.getDisplayValue()) {
me.ignoreSelection++;
me.picker.getSelectionModel().deselectAll();
me.ignoreSelection--;
}
if (isLocalMode) {
me.doAutoSelect();
}
if (me.typeAhead) {
me.doTypeAhead();
}
}
return true;
}
});
分享到:
相关推荐
EXTJS 选下拉框,并取得下拉框的值,直接可以打开
extjs4 ComboBox 点击下拉框 出现grid效果 这里只实现了点击下拉框显示gird,点击其他地方grid自动消失
extjs多选 下拉框扩展
最近小弟做了Extjs实现实现下拉框联动的效果,参考了好久才学会,闲下来发一个简单的例子。。呵呵
extjs实现下拉框多选,很实用哦!
Extjs3.4.0版本 多选下拉框效果支持多选/全选/全不选, 附源码。 修复不能多选问题,代码仅供参考
Extjs4下拉菜单中用Grid显示,有单选,和多选两个控件,完美通用代码控件,绝对让你好用,值得收藏^-^
extjs 分页 从dao到action
Extjs 4.1 下拉框 Tree 的实现(mvc)
extjs 中的下拉框如何动态绑定。如何与后端.net 结合动态绑定下拉框的数据
ExtJs4.2没有直接提供下拉树这个组件,但是有例子可以用,文件位置:ext-4.2.1.883\examples\ux\TreePicker.js 但是它有点小毛病吧:默认显示了根节点;达到最小高度时再展开节点,高度不能自动调整。 所以我做了一...
extjs 复选下拉框的例子extjs 复选下拉框的例子
网上下载的多选下拉框,类型为lovcombo。 只要把css和js放到你指定的位置,再更改js中调用css时的地址。 然后就可以在页面像使用其他组件一样使用了。
extjs多选下拉框,支持单选,多选,全选和全不选,ext3.*适用,文章的例子下载。
ExtJS4下拉树组件 ExtJS4下拉树组件
项目进行前端框架升级——extJS 4升级至extJS6.6所遇的一些问题及相对应的解决方案建议
Extjs3 多选下拉框LovCombo,Extjs3 多选下拉框LovCombo
本方法和用checkbox, listbox等控件和事件拼凑出来的不同,本方法是一个集成的独立控件,基本实现了控件的顺滑度,下拉框可悬浮等效果,可以认为是comboBox的升级版,使用方便,仅需引用编译好的DLL,直接在toolBox...
Extjs4.2 时间下拉框的 年和月是不可以选择的, 本插件可完美修复, 且在4.2.3上面测试的, 花了几天修复的所以分数高点;
Extjs 下拉菜单实现拼音输入进行检索