FineUI 官方论坛

标题: 如何使用JS动态调整ColumnWidth? [打印本页]

作者: GITanic    时间: 2017-3-21 09:08
标题: 如何使用JS动态调整ColumnWidth?
点击按钮通过JS可以动态改变ColumnWidth的百分比值吗?
作者: sanshi    时间: 2017-3-21 10:09

使用JS做也不难,打开官网示例:
http://fineui.com/demo_pro/layout/column.aspx

默认显示效果:
[attach]9949[/attach]

F12,打开浏览器的调试窗口,运行JS代码:
  1. F.ui.Panel2.getItem(1).columnWidth = 0.4;
  2. F.ui.Panel2.getItem(2).columnWidth = 0.6;
  3. F.ui.Panel2.doLayout();
复制代码

完成效果:
[attach]9950[/attach]





欢迎光临 FineUI 官方论坛 (https://fineui.com/BBS/) Powered by Discuz! X3.4