【业务场景描述】
业务需求包含20列,其中前10列为固定列,包含:父级超链接1(子级1.1-1.4)、超链接2(子级2.1-2.4);剩余10列为正常字段列。
【交互逻辑】
默认进入时如图上表1,仅展示父级,当点击任意父级下钻至当前父级下的一层子级,点击该子级下钻至二层子级;点击第四层子级时则收起全部子级。
两个父级超链接1、超链接2交互均为此。
【隐藏列问题描述】
目前不加超链接时,如图上表1可实现固定列及隐藏列效果,实现脚本为下:
var loc=new Locator(["c-0"],COL,DETAIL);
自由式表格.setColWidth(loc,150);
var loc=new Locator(["c-1"],COL,DETAIL);
自由式表格.setColWidth(loc,0);
var loc=new Locator(["c-2"],COL,DETAIL);
自由式表格.setColWidth(loc,0);
var loc=new Locator(["c-3"],COL,DETAIL);
自由式表格.setColWidth(loc,0);
var loc=new Locator(["c-4"],COL,DETAIL);
自由式表格.setColWidth(loc,0);
var loc=new Locator(["c-5"],COL,DETAIL);
自由式表格.setColWidth(loc,150);
var loc=new Locator(["c-6"],COL,DETAIL);
自由式表格.setColWidth(loc,0);
var loc=new Locator(["c-7"],COL,DETAIL);
自由式表格.setColWidth(loc,0);
var loc=new Locator(["c-8"],COL,DETAIL);
自由式表格.setColWidth(loc,0);
var loc=new Locator(["c-9"],COL,DETAIL);
自由式表格.setColWidth(loc,0);
【加超链接后固定列问题描述】
超链接作为上方业务描述的交互逻辑实现方式(以超链接1的下钻逻辑做展示),实现脚本如下:
if(param['超链接1']==1){
var loc=new Locator(["c-0"],COL,DETAIL);
自由式表格.setColWidth(loc,150);
var loc=new Locator(["c-1"],COL,DETAIL);
自由式表格.setColWidth(loc,0);
var loc=new Locator(["c-2"],COL,DETAIL);
自由式表格.setColWidth(loc,0);
var loc=new Locator(["c-3"],COL,DETAIL);
自由式表格.setColWidth(loc,0);
var loc=new Locator(["c-4"],COL,DETAIL);
自由式表格.setColWidth(loc,0);
} else if(param['超链接1']==2){
var loc=new Locator(["c-0"],COL,DETAIL);
自由式表格.setColWidth(loc,150);
var loc=new Locator(["c-1"],COL,DETAIL);
自由式表格.setColWidth(loc,150);
var loc=new Locator(["c-2"],COL,DETAIL);
自由式表格.setColWidth(loc,0);
var loc=new Locator(["c-3"],COL,DETAIL);
自由式表格.setColWidth(loc,0);
var loc=new Locator(["c-4"],COL,DETAIL);
自由式表格.setColWidth(loc,0);
}
|