欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Ext.form.ComboBox 远程带分页显示

程序员文章站 2022-07-13 22:33:37
...
很多时候针对大数据量的下拉列表的时候,我们通常需要分页显示数据,就像grid一样
效果:
[img]http://dl.iteye.com/upload/attachment/559314/04850ba2-dc28-3de5-a990-8df4be975da9.jpg[/img]



//这里是Store
var store = new Ext.data.JsonStore({
root: 'rows',//
totalProperty: 'total',//显示总页数的字段
idProperty: 'ID',//记录ID的字段
remoteSort: true,//是否为远程
baseParams :{start:0,limit:15},
proxy: new Ext.data.ScriptTagProxy({
url: '/ah/policies/12/insures'
}),
fields: [
{name:'ID',mapping:'ID'},
{name:'Name',mapping:'Name'},
{name:'IdNo',mapping:'IdNo'}
]

});

//下面是应用,pageSize 最重要的就是这个参数,即每次查询多少条记录,每天这个参数就不会显示页面工具栏了,其他参数没什么解释的
//tpl 我们可以加上tpl显示信息
{
xtype:'combo',
tpl:'<tpl for="."><div ext:qtip="提示:名字({Name}),证件号码({IdNo})" class="x-combo-list-item">{Name}-{IdNo}</div></tpl>',
fieldLabel: '被保险人',
store:_this.store,
emptyText : '请选择投保人',
allowBlank:false,
hiddenName:'PlanID',
loadingText: 'searching...',
displayField : 'Name',
mode:'remote',
editable : false,
valueField: 'ID',
anchor : '68%',
hiddenName:'RecordID',
pageSize:15,
triggerAction: 'all'
}