找回密码
 立即注册

QQ登录

只需一步,快速开始

xiaolong_880

中级会员

7

主题

14

帖子

925

积分

中级会员

积分
925

活字格认证

[已处理] spreadjs问题

xiaolong_880
中级会员   /  发表于:2015-9-17 08:22  /   查看:3899  /  回复:1
如何实现鼠标光标所在行改变颜色功能

1 个回复

倒序浏览
frank.zhang
社区贡献组   /  发表于:2015-9-17 09:27:00
沙发
您好,
实现的思路是使用EnterCell和LeaveCell两个事件,在进入和离开单元格的时候,设置行的颜色。
参考代码如下:
  1.     $(document).ready(function() {
  2.         var spread = new GcSpread.Sheets.Spread($("#ss").get(0), {
  3.             sheetCount: 3
  4.         });
  5.         var activeSheet = spread.getActiveSheet();
  6.                                 var spreadNS = GcSpread.Sheets;
  7.                                
  8.                                 var rowStyle = new spreadNS.Style();
  9.         rowStyle.backColor = "green";
  10.         
  11.         var defStyle = activeSheet.getDefaultStyle();
  12.         activeSheet.setStyle(0, -1, rowStyle, spreadNS.SheetArea.viewport);
  13.                                
  14.                                 $("#ss").data("spread").getActiveSheet().bind(GcSpread.Sheets.Events.EnterCell, function (e, info) {   
  15.                         activeSheet.setStyle(info.row, -1, rowStyle, spreadNS.SheetArea.viewport);
  16.                                 });
  17.                                 $("#ss").data("spread").getActiveSheet().bind(GcSpread.Sheets.Events.LeaveCell, function (e, info) {   
  18.                         activeSheet.setStyle(info.row, -1, defStyle, spreadNS.SheetArea.viewport);
  19.                                 });
  20.     });
复制代码
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部