如何在pagingtoolbar Ext js 4.2中获取已检查的行数
How can i get checked rows number in pagingtoolbar Ext js 4.2?
我想显示在分页工具栏中检查的行数吗?所以我有这个:
dockedItems: [
{
xtype: 'pagingtoolbar',
dock: 'bottom',
displayInfo: true,
plugins: 'pagesize'
}
]
在同一页中,我有这个功能,可以查看检查了哪些行:
getSelectedItems: function () {
var me = this;
var selItems = me.dyn.view.getSelectionModel().getSelection();
var selItemsLength = selItems.length;
var selItemsIds = [];
var i = 0;
if (selItemsLength) {
for (i = 0; i < selItemsLength; i++) {
selItemsIds.push(selItems[i].internalId);
}
}
return selItemsIds;
}
如何将getSelectedItems链接到页面工具栏:-?显示检查了多少行:-?
您可以扩展Ext.toolbar.Paging
并添加适当的元素,并将selectionchange
事件处理程序附加到网格的选择模型中。示例:
Ext.define('Ext.ux.toolbar.Paging', {
extend: 'Ext.toolbar.Paging',
config: {
selectionModel: null
},
initComponent : function() {
var me = this;
me.prependButtons = false;
me.items = [
{xtype: 'tbtext', itemId: 'selectedItem', text:'Selected: 0'}
];
me.callParent();
},
applySelectionModel: function (model, oldModel) {
var me = this;
if (oldModel) {
oldModel.un('selectionchange', me.onSelectionChange, me);
}
if (model) {
model.on('selectionchange', me.onSelectionChange, me);
}
return model;
},
// Update text on selection change
onSelectionChange: function (model, selected) {
this.down('#selectedItem').setText('Selected: ' + selected.length);
},
// Autobind model if toolbar is attached to grid
afterRender: function () {
var grid = this.up('grid', 1),
model = this.getSelectionModel();
this.callParent();
if (!model && grid) {
this.setSelectionModel(grid.getSelectionModel());
}
}
});
工作样品:http://jsfiddle.net/8zpb6tv5/2/
相关文章:
- jQuery从输入中获取值并检查它是否'It’是的.如果是这样,它应该公布有多少是正确的
- 用javascript从窗口获取文档,同时检查文档是否已加载
- 如何获取jQuery Confirm(jConfirm)值并使用该值检查条件
- jQuery代码,用于在检查行时获取其他列的数据
- 获取检查输入无线电的标签
- 如何检查数据表是否有任何包含字符串的行并获取它的行索引
- 如何获取具有数组名称的输入标记的检查值并将这些值发送到服务器
- 获取两个输入元素的值,并检查第三个元素的值.将值设置为第四个元素
- 在java脚本或jquery中按名称获取radiobox检查值
- 在检查选中哪个按钮并从字段中获取值后返回值
- 如何使用Python获取未出现在HTML中,但出现在Chrome的“检查元素”工具中的元素
- 正则表达式用于jquery检查模式并获取HTML
- 如何在 JS 中获取欧洲日期检查器
- 如何获取选择框以在从python脚本检查时显示其所有内容
- 如何获取检查值和删除数组中的未选中值
- 检查页面并获取表单名称并匹配它们
- 如何从人工任务表单中的单选按钮获取检查值
- 如何检查字符串是否正在获取 javascript 中的星期一 Sep 05 2016 00:00:00 GMT+0530
- 如何获取谷歌搜索引擎页面的页面标题(页面源代码和检查元素不同)
- 从jtree获取检查id - Get_Checked查找节点但不查找id