【已解决】列锁定后，锁定列字段的行样式丢失.

vt4u

在左侧列锁定后,右侧活动的字段背景色可以正常显示(绿色部分),左侧已锁定的字段,则无法正常显示背景色.

sanshi

开源版可以实现，不过需要自己更新JS代码（http://demo.fineui.com/#/grid/grid_style_rowcolor.aspx）：

1. var highlightRowsClientID = '<%= highlightRows.ClientID %>';
   
2.         var gridClientID = '<%= Grid1.ClientID %>';
   
3. 
   
4.         function highlightRows() {
   
5.                 // 增加延迟，等待HiddenField更新完毕
   
6.                 window.setTimeout(function () {
   
7.                         var highlightRows = F(highlightRowsClientID);
   
8.                         var grid = F(gridClientID);
   
9. 
   
10.                         $(grid.el.dom).find('.x-grid-item.highlight').removeClass('highlight');
    
11. 
    
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.         }
    
24. 
    
25.         // 页面第一个加载完毕后执行的函数
    
26.         F.ready(function () {
    
27. 
    
28.                 var grid = F(gridClientID);
    
29. 
    
30.                 grid.on('columnhide', function () {
    
31.                         highlightRows();
    
32.                 });
    
33. 
    
34.                 grid.on('columnshow', function () {
    
35.                         highlightRows();
    
36.                 });
    
37. 
    
38.                 grid.getStore().on('refresh', function () {
    
39.                         highlightRows();
    
40.                 });
    
41. 
    
42.                 highlightRows();
    
43. 
    
44.         });
    

复制代码

实现效果：

---

专业版不需要特殊处理，直接就能用：

vt4u

谢谢老大~