【问题标题】:Select all rows button in flexigrid选择flexigrid中的所有行按钮
【发布时间】:2014-09-04 21:24:38
【问题描述】:

我想要自动选择我的 flexigrid 的所有行。我想我应该以某种方式使用

.addClass('trSelected') 

或类似的东西,但是对于哪些元素?

要调用 flexigrid,我使用

var gridSelector = "#createBordereauFlexigrid";
var gridOptions = {
 url: '_v2_db2Request.php?req=READ-DEPOSIT-SLIP',
 dataType: 'json',
 colModel : [   
  {display: 'Id', name: 'registrationaccountid', width: 40, sortable: false, align: 'left'},
  {display: 'Date', name: 'paymentdate', width: 60, sortable: false, align: 'left'} ],
 buttons : [ {name: 'Tout sélectionner', onpress: selectAllFunction}} ],
 title: 'Sélection des paiements',
 rp: 1000,
 showTableToggleBtn: false,
 resizable: true,
 width: 700,
 height: 310,
 singleSelect: false,
 usepager: false,
 useRp: false
}

$(gridSelector).flexigrid(gridOptions);

通常我会使用这样的方法来获取选定的行和 ID。

function sellectAllFunction(com, grid) {
 var ids = [];
 $('.trSelected',grid).each(function() {
  var pattId = /^row([0-9]+)$/;
  var match = pattId.exec($(this).attr('id'));

  ids.push(match[1]);
 });
}

谢谢!

【问题讨论】:

  • 你能发布你的 HTML 的一部分吗?
  • 我编辑了我的原始帖子以包含代码。

标签: javascript jquery flexigrid


【解决方案1】:

毕竟,我找到了我的解决方案。

function selectAllFunction(com,grid) {
 $( "#createBordereauFlexigrid tr" ).addClass('trSelected');
}

非常简单直接,可惜没有像样的 Flexigrid 教程!

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-03-26
    • 2019-06-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-12-23
    相关资源
    最近更新 更多