FineUI 官方论坛

标题: 分享分页下Grid改变行颜色JS 代码 [打印本页]

作者: ◇辉◆: 时间: 2012-9-20 07:59
标题: 分享分页下Grid改变行颜色JS 代码
官方演示改变行颜色的js针对没分页的：
这个JS是官方提供的
      function highlightRows() {
         var highlightRows = X(highlightRowsClientID);
         var grid = X(gridClientID);

         grid.el.select('.x-grid3-row table.highlight').removeClass('highlight');

         Ext.each(highlightRows.getValue().split(','), function (item, index) {
            if (item !== '') {
                  var row = grid.getView().getRow(parseInt(item, 10));
                  Ext.get(row).first().addClass('highlight');
            }
         });

      }

在分页情况下该JS就不适用了

修改后的JS 如下：

   function highlightRows() {
         var highlightRows = X(highlightRowsClientID);
         var grid = X(gridClientID);
         var pageIndex = grid.getBottomToolbar().getPageData().activePage
         var pageSize = 12;//这根据你自己的分页条数设置
         grid.el.select('.x-grid3-row table.highlight').removeClass('highlight');
         var findflag = false;
         Ext.each(highlightRows.getValue().split(','), function(item, index) {
            if (item !== '') {
               if ((parseInt(item, 10) >= (pageIndex - 1) * pageSize) && (parseInt(item, 10) < pageIndex * pageSize)) {
                     var row = grid.getView().getRow(parseInt(item, 10) % pageSize);
                     if (row != null) {
                        Ext.get(row).first().addClass('highlight');
                     } else {
                        return false;
                     }

               }
            }
         });

   }

希望对大家实际开发用帮助

作者: ◇辉◆: 时间: 2013-1-18 08:24

瞅瞅

作者: 魔小涛 时间: 2013-3-6 01:45
能不能解释下代码，貌似看不懂什么情况。

作者: 猪八戒 时间: 2013-3-6 15:52
今天忙了一天就为了这个，早看到就好了！

作者: yygy 时间: 2013-3-29 11:13
留个记号

作者: stevezozo 时间: 2014-10-17 16:05
真心感谢！

作者: Farmer 时间: 2014-11-5 08:03
不错，mark一下

欢迎光临 FineUI 官方论坛 (https://www.fineui.com/BBS/)