新闻动态

力求视觉与交互的完美契合,以规范的流程和专注的态度,为您提供全方位的设计服务

webix建立复杂的手拉口风琴

更新时间:2016-10-19 09:16:48   点击次数:4476次

webix是一个JavaScript UI 库,其中包含的组件超过45个,用这些组件可以构建跟HTML5 和 CSS3 兼容的程序,这些程序不仅能在个人电脑上运行,还能用在iOS、 Android 和 Blackberry 设备上运行。

复杂的手拉口风琴:

type:"wide",cols:[
{width:30},
{type:"wide",rows:[
{height:30},
{在这里可以开始“块级别”的复杂手风琴操作。}
]}
]   //代表无边无际的左边纵向with:30,和右边无边无际的横向height:30.(块级)
学到了很简单的脚本语言(类似于递归重复:只需要声明一个,其他模版均可利用。)
<script type="text/javascript">
var line = {
cols:[
{header:"col1",body:"content1",width:150},
{body:"content2"},
{view:"resizer"},
{collapsed:false,header:"col3",body:"content3",width:150},
{view:"resizer"},
{body:"content4"},
{header:"col5",body:"content5",width:150},
]
};
var line1 = webix.copy(line);
line1.type="line";
var line2 = webix.copy(line);
line1.type="wide";
var line3 = webix.copy(line);
line1.type="space";
webix.ui({
view:"accordion",
type:"space",
rows:[
line1,
line2,
line3,
]
});
</script>
(编辑:hengkaikeji)