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

最新推荐文章于 2017-10-12 10:33:00 发布

beyond1993

最新推荐文章于 2017-10-12 10:33:00 发布

阅读量194

点赞数

CC 4.0 BY-SA版权

分类专栏： Extjs 文章标签： ext store combo ComboBox tpl

本文链接：https://blog.csdn.net/beyond1993/article/details/84022097

Extjs 专栏收录该内容

34 篇文章

订阅专栏

很多时候针对大数据量的下拉列表的时候，我们通常需要分页显示数据，就像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'
}