FineUI 官方论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

本论坛已关闭(禁止注册、发帖和回复)
请移步 三石和他的朋友们

FineUI首页 WebForms - MVC & Core - JavaScript 常见问题 - QQ群 - 十周年征文活动

FineUI(开源版) 下载源代码 - 下载空项目 - 获取ExtJS - 文档 在线示例 - 版本更新 - 捐赠作者 - 教程

升级到 ASP.NET Core 3.1,快、快、快! 全新ASP.NET Core,比WebForms还简单! 欢迎加入【三石和他的朋友们】(基础版下载)

搜索
查看: 5379|回复: 2

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

[复制链接]
发表于 2017-12-4 23:04:29 | 显示全部楼层 |阅读模式
反馈BUG
程序版本: FineUI v4.2.4开源版
浏览器: IE10 
BUG截图:
BUG地址: -
在左侧列锁定后,右侧活动的字段背景色可以正常显示(绿色部分),左侧已锁定的字段,则无法正常显示背景色.

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
发表于 2017-12-7 15:01:48 | 显示全部楼层
开源版可以实现,不过需要自己更新JS代码(http://demo.fineui.com/#/grid/grid_style_rowcolor.aspx):
  1. var highlightRowsClientID = '<%= highlightRows.ClientID %>';
  2.         var gridClientID = '<%= Grid1.ClientID %>';

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

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

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

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

  23.                 var grid = F(gridClientID);

  24.                 grid.on('columnhide', function () {
  25.                         highlightRows();
  26.                 });

  27.                 grid.on('columnshow', function () {
  28.                         highlightRows();
  29.                 });

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

  33.                 highlightRows();

  34.         });
复制代码
实现效果:






专业版不需要特殊处理,直接就能用:




本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|FineUI 官方论坛 ( 皖ICP备2021006167号-1 )

GMT+8, 2024-3-28 22:07 , Processed in 0.051162 second(s), 21 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表