FineUI 官方论坛

标题: 【已解决】列锁定后，锁定列字段的行样式丢失. [打印本页]
作者: vt4u    时间: 2017-12-4 23:04
标题: 【已解决】列锁定后，锁定列字段的行样式丢失.
在左侧列锁定后,右侧活动的字段背景色可以正常显示(绿色部分),左侧已锁定的字段,则无法正常显示背景色.
作者: sanshi    时间: 2017-12-7 15:01
开源版可以实现，不过需要自己更新JS代码（http://demo.fineui.com/#/grid/grid_style_rowcolor.aspx）：
  1. var highlightRowsClientID = '<%= highlightRows.ClientID %>';
  2.         var gridClientID = '<%= Grid1.ClientID %>';

  4.         function highlightRows() {
  5.                 // 增加延迟，等待HiddenField更新完毕
  6.                 window.setTimeout(function () {
  7.                         var highlightRows = F(highlightRowsClientID);
  8.                         var grid = F(gridClientID);

  10.                         $(grid.el.dom).find('.x-grid-item.highlight').removeClass('highlight');

  12.                         $.each(highlightRows.getValue().split(','), function (index, item) {
  13.                                 if (item) {
  14.                                         var rowIndex = parseInt(item, 10);
  15.                                         var row = grid.getView().getNode(rowIndex);
  16.                                         $(row).addClass('highlight');
  17.                                         // 锁定列
  18.                                         var lockedRow = grid.getView().lockedView.getNode(rowIndex);
  19.                                         $(lockedRow).addClass('highlight');
  20.                                 }
  21.                         });
  22.                 }, 100);
  23.         }

  25.         // 页面第一个加载完毕后执行的函数
  26.         F.ready(function () {

  28.                 var grid = F(gridClientID);

  30.                 grid.on('columnhide', function () {
  31.                         highlightRows();
  32.                 });

  34.                 grid.on('columnshow', function () {
  35.                         highlightRows();
  36.                 });

  38.                 grid.getStore().on('refresh', function () {
  39.                         highlightRows();
  40.                 });

  42.                 highlightRows();

  44.         });
复制代码
实现效果：
[attach]10813[/attach]




专业版不需要特殊处理，直接就能用：
[attach]10814[/attach]



作者: vt4u    时间: 2017-12-15 12:20
谢谢老大~



欢迎光临 FineUI 官方论坛 (https://fineui.com/bbs/) Powered by Discuz! X3.4