帆软-js自由选择报表块置顶并按顺序排列(决策报表)
注:这里以四个为例
1.添加置顶参数A2,排序参数A1,设置不可见,设置默认值A2=0000,A1=0123
2.body添加初始化事件,为报表块添加ID,js为
var a1 = _g().getWidgetByName('A1').getValue(); //获取参数A1 var aa1 = new Array(); var aa1=a1.split(","); //将A1分割成单个字符 setTimeout(function() { //$("div[widgetname=REPORT0]").attr('id', 'main'); for(var i=0;i<aa1.length;i++){ //使用循环为每个报表块添加ID $("div[widgetname=REPORT"+aa1[i]+"]").attr('id', 'main'+aa1[i]); } }, 500);
3.添加四个按钮b1,b2,b3,b4并为按钮添加参数aa,b1中aa=0,b2中aa=1,b3=2,b4=3以此类推
4.为每个按钮添加事件
var a2 = _g().getWidgetByName('A2').getValue(); var aa2= new Array(); var main = ''; //定义主键 var szy = 0; //定义上方左右位置参数 var xzy = 0; //定义下方左右位置参数 var ssx = 0; //定义上方上下参数 var xsx = 0; //定义下方上下参数 aa2=a2.split(""); a2=''; for(var i=0;i<aa2.length;i++){ if(i==aa){ if(aa2[i]=='0'){ a2=a2+'1'; }else{ a2=a2+'0'; } }else{ a2=a2+aa2[i]; } } _g().getWidgetByName('A2').setValue(a2); aa2=a2.split(""); for(var i=0;i<aa2.length;i++){ if(xzy>=5){ xsx=xsx+139.63; xzy=0; } if(szy>=5){ ssx=ssx+139.63; szy=0; } if(aa2[i]=='0'){ document.getElementById('main'+i).style.left=(xzy*160)+"px"; document.getElementById('main'+i).style.top=(614.37-xsx)+"px"; xzy++; }else{ document.getElementById('main'+i).style.left=(szy*160)+"px"; document.getElementById('main'+i).style.top=(0 + ssx)+"px"; szy++; } }
5.添加报表块四个,按帆软默认命名
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?