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代码：

F.ui.Panel2.getItem(1).columnWidth = 0.4;
F.ui.Panel2.getItem(2).columnWidth = 0.6;
F.ui.Panel2.doLayout();

复制代码

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

欢迎光临 FineUI 官方论坛 (https://fineui.com/bbs/)