extJs gridPanel进行查询后页面自动跳至查询结果后第一页

gridPanel进行查询后页面自动跳至查询结果后第一页

底部显示分页工具栏时添加id

bbar:Ext.create(‘Ext.PagingToolbar’,{
    id:’pagingTool’,
    store: me.gridStore,
    displayInfo:true
})

在查询后的success函数中

var pagingbar = Ext.getCmp(‘pagingTool’);
//me.gridStore.load();
pagingbar.moveFirst();
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要实现ExtJS下拉框可查询HTML页面,需要使用ExtJS的ComboBox组件和Store组件。 首先,需要定义一个Store,用来存储下拉框的选项。这个Store可以从HTML页面中获取数据,例如: ```javascript var myStore = new Ext.data.Store({ proxy: { type: 'ajax', url: 'data.html', // HTML页面中存储下拉框选项的数据 reader: { type: 'json', rootProperty: 'data' } }, autoLoad: true }); ``` 然后,在ComboBox中使用这个Store,并设置一些属性,例如: ```javascript var myCombo = new Ext.form.ComboBox({ fieldLabel: 'My ComboBox', store: myStore, displayField: 'name', valueField: 'value', queryMode: 'remote', forceSelection: true, typeAhead: false, selectOnFocus: true, hideTrigger: true, minChars: 1, listConfig: { loadingText: 'Loading...', emptyText: 'No matching results found.', getInnerTpl: function() { return '<div>{name}</div>'; } } }); ``` 在这个ComboBox中,设置了以下属性: - `store`: 使用上面定义的Store。 - `displayField`: 显示在下拉框中的字段,例如`name`。 - `valueField`: 实际提交表单时使用的字段,例如`value`。 - `queryMode`: 查询模式,这里设置为`remote`,表示从服务器端查询数据。 - `forceSelection`: 是否强制选择下拉框中的选项。 - `typeAhead`: 是否启用自动完成。 - `selectOnFocus`: 是否在获得焦点时自动选择下拉框中的文本。 - `hideTrigger`: 是否隐藏下拉框的触发器。 - `minChars`: 在输入框中输入的最小字符数。 - `listConfig`: 下拉框中列表的配置,包括加载提示和空结果提示等。 最后,将这个ComboBox添加到页面中的某个容器中,例如: ```javascript var myPanel = new Ext.panel.Panel({ renderTo: Ext.getBody(), items: [myCombo] }); ``` 这样就可以实现ExtJS下拉框可查询HTML页面了。用户在下拉框中输入字符时,ComboBox会向服务器发送请求,获取符合条件的数据,并在下拉框中显示出来。用户可以从中选择一个选项,或者继续输入字符以缩小搜索范围。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值