如何在JqWidgets网格中获取所有未选中行索引的列表
How to get list of all un-selected row index in JqWidgets grid
我正在尝试获取jqwidgets网格中所有未选中行索引的列表。由于有一种预定义的方法可以获得所有选定行索引的列表:
var allSelectedVals=[];
var rowindexes = jQuery('#userProfiles').jqxGrid('getselectedrowindexes');
for (var i = 0; i < rowindexes.length; i++)
{
var data = jQuery('#userProfiles').jqxGrid('getrowdata', rowindexes[i]);
allSelectedVals.push(data.userId);
}
alert('allSelectedVals: ' + allSelectedVals);
对于获取未选中的行索引,是否也有类似的方法?
我将感谢你的帮助。提前感谢
没有用于此目的的内置方法,所以我在这里编写了一个简单的可能函数:我们获取总行数,并从所选项目中删除所有id(所选项目是在选择时计算的,而不是在调用此方法时计算的)。
方法如下:
function getUnselectedIndexes(selector)
{
var selectedIndexes = $(selector).jqxGrid('getselectedrowindexes');
var meta = $(selector).jqxGrid('getdatainformation');
var total = meta.rowscount;
var unSelectedIndexes = new Array();
for (i = 0; i < total; i++)
{
if (selectedIndexes.indexOf(i) !== -1)
{
continue;
}
unSelectedIndexes.push(i);
}
console.log(unSelectedIndexes);
return unSelectedIndexies;
}
您可以通过以下方式调用它来获取所有未选择的索引:
getUnselectedIndexes("#userProfiles");
var data = generatedata(5);
var source = {
localdata: data,
datafields: [{
name: 'firstname',
type: 'string'
}, {
name: 'lastname',
type: 'string'
}, {
name: 'productname',
type: 'string'
}, {
name: 'date',
type: 'date'
}, {
name: 'quantity',
type: 'number'
}, {
name: 'price',
type: 'number'
}],
datatype: "array"
};
var adapter = new $.jqx.dataAdapter(source);
$("#jqxgrid").jqxGrid({
width: 600,
height: 100,
theme: 'energyblue',
source: adapter,
sortable: true,
selectionmode: 'singlecell',
columns: [{
text: 'First Name',
datafield: 'firstname',
columngroup: 'Name',
width: 90
}, {
text: 'Last Name',
columngroup: 'Name',
datafield: 'lastname',
width: 90
}, {
text: 'Product',
datafield: 'productname',
width: 170
}, {
text: 'Order Date',
datafield: 'date',
width: 160,
cellsformat: 'dd-MMMM-yyyy'
}, {
text: 'Quantity',
datafield: 'quantity',
width: 80,
cellsalign: 'right'
}, {
text: 'Unit Price',
datafield: 'price',
cellsalign: 'right',
cellsformat: 'c2'
}]
});
$("#jqxbutton").jqxButton({
theme: 'energyblue',
width: 200,
height: 30
});
$('#jqxbutton').click(function () {
var rows = $('#jqxgrid').jqxGrid('getboundrows');
var result = "";
for (var i = 0; i < rows.length; i++) {
var row = rows[i];
result += row.firstname + " " + row.lastname + " " + row.productname + " " + row.date + " " + row.quantity + " " + row.price + "'n";
}
alert(result);
});
http://jsfiddle.net/jqwidgets/3LLVW/.有了选定行的索引,您可以循环浏览这些行,并检查行的boundindex是否在rowIndexes数组中。如果不是,则不会选择该行。
示例:http://jsfiddle.net/jqwidgets/yzqswcvr/
相关文章:
- 下拉列表在使用z索引放置在前面后停止工作
- 如何在JqWidgets网格中获取所有未选中行索引的列表
- 正在更新列表框所选索引
- 如何使用 asp.net 中的另一个下拉列表更改下拉列表选定的索引和可见性
- 访问可扩展QML应用程序中的列表视图索引
- 下拉列表中的选定索引在未选择任何值时引发错误
- 在JavaScript中更改下拉列表索引后,ASP.Net提交按钮单击事件不起作用
- 在索引更改中选择的下拉列表无效!!由于引导
- 列表框所选索引更改的原因没有启动
- 使用 javascript 更改 Gridview 文本框的可见属性 true 在下拉列表的选定索引更改事件上为 tru
- 为什么来自.getJSON的名称在声明为列表(JavaScript / JQuery)的索引后仍未定义
- 在 Meteor 中获取集合索引的列表
- 在 jQuery 中从某个索引循环访问列表到另一个索引
- jQuery - 获取可排序列表的索引
- 下拉列表索引更改时日期选取器不起作用
- 使用 jQuery 将项目附加到列表中,但如果使用 Javascript 的项目相同,则使用索引
- 如何查找列表项的索引 (ul-li)
- 当下拉列表选择索引相同时,不会触发 __doPostBack()
- 如果在移动设备上,将数组(索引列表)拆分为两行
- 我一直得到indexerror:索引列表超出python的范围