【问题标题】:Highlight Jqgrid when clicking on row but dont select the multiselect checkbox单击行时突出显示 Jqgrid 但不选择多选复选框
【发布时间】:2015-03-11 07:43:04
【问题描述】:

在 jQgrid 中是否有一种方法可以在不选中多选行复选框的情况下单击一行然后突出显示?

我已尝试使用 Oleg https://stackoverflow.com/a/3719637/853607 推荐的 Multiboxonly = true

任何帮助都会很好,因为这会阻止关键项目的进展。

【问题讨论】:

    标签: javascript jqgrid


    【解决方案1】:

    也许你打错了。你说 Multiboxonly : true,但实际上它是 multiboxonly : true 在实现中。如果您只使用 JavaScript 版本,这应该可以工作。如果您使用 ASP.NET 或 PHP 之类的包装器,您应该查阅这些文档。

    亲切的问候

    【讨论】:

      【解决方案2】:

      这是我单击一行而不选中复选框但该行突出显示的答案 - 返回 false 确保不会触发 onSelectRow。 ps @tony 我只有小写的 multibox。

      beforeSelectRow: function (rowid, e) {
          //debugger;
          rowId = rowid;
      
          if ($("#jqg__tradesGrid_" + rowid).attr("disabled") || CommentsClicked) {
              CommentsClicked = false;
              return false;
          }
      
          if (e.target.type == "checkbox") {
              var blnChecked = $(e.target).is(":checked");
              var trElement = jQuery("#" + rowid, jQuery('#_tradesGrid'));
      
              if (!firstLoadWithRecords) {
                  updateIdsOfSelectedRows(rowid, blnChecked);
              }
      
              if (blnChecked || $.inArray(rowid, idsOfSelectedRows) >= 0) {
                  trElement.removeClass('ui-widget-content');
                  trElement.addClass('ui-state-highlight');
              } else {
                  trElement.removeClass('ui-widget-content');
                  trElement.removeClass('ui-state-highlight');
              }
      
          } else {
              var blnChecked = $(e.target).is(":checked");
              var trElement = jQuery("#" + rowid, jQuery('#_tradesGrid'));
      
              trElement.removeClass('ui-widget-content');
              trElement.removeClass('ui-state-highlight');
      
          }
      
      
          //TODO: put in the style to chagne to silver when the checkbox is checked
          CommentsClicked = false;
          return false;
      
      },
      

      【讨论】:

        猜你喜欢
        • 2017-01-02
        • 2011-09-21
        • 1970-01-01
        • 2019-03-02
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多