企网官方网站,婚纱网站建设目的,wordpress的总结,微信支付开发者平台最近有个需求是要做首页展示#xff0c;为了减少前端工作量#xff0c;利用采购的帆软FineReport来实现#xff0c;记录过程#xff0c;方便备查。
需求
做个Tab页#xff0c;实现多个页切换。
方案一、利用帆软自带切换
帆软自带的有Tab控件#xff0c;可实现切换为了减少前端工作量利用采购的帆软FineReport来实现记录过程方便备查。
需求
做个Tab页实现多个页切换。
方案一、利用帆软自带切换
帆软自带的有Tab控件可实现切换但样式似乎有点丑。从编辑栏拖动Table块到编辑区。 选中Table的主体区域点击右上角的加号即可添加table页签。 点击预览在浏览器中查看默认效果。
选中Tabpane 面板在右侧模式模版可选择不同的样式如卡片式、书签式、菜单式等。 效果如下图所示。该实现方案虽能调整Table页签按钮的位置如靠右排列并非水平居右。
方案二、自定义按钮切换
第一步、添加表格控件
添加报表控件作为按钮的载体即在报表的表格中添加按钮。在相应的区域输入文字作为按钮的名字。 点击 文字 添加 JavaScript脚本即编写获取控件的事件。 原理获取tableplane的控件利用 showCardByIndex方法控制其显示注意其从0开始即0表示第一个页签。分别对三个按钮添加事件如第一个页签 按订单按钮 添加的内容如下所示。
_g().getWidgetByName(tabpane0).showCardByIndex(0);预览后点击对应的按钮下方自带的Table页签会跟着变动。 原有页签的隐藏只需选中 tablepane控件在右侧 修改控件大小为0即可。 页面预览原有的页签便已经隐藏。报表控件的位置可以根据需要自由移动弥补自带的页签无法右对齐的缺点。 以上即两种Table页签的实现方式根据不同的需要使用即可。
