Webix学习之template

无所谓的我啊

已于 2022-08-16 20:54:00 修改

阅读量1.5k

点赞数 1

分类专栏： webix 文章标签： webix template

于 2017-10-30 12:29:05 首次发布

本文链接：https://blog.csdn.net/qq_34520606/article/details/78391783

版权

webix 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

Webix的语法类似于Jquery，下面列举template三种用法。

第一种：简单的模板

webix.ui({

view:"template",

template:"你可以写上你想写的内容"

})

第二种：外部的模板

方式一：

<div id="myDiv">这里可加上你想表达的东西<div>

webix.ui({

view:"template",

content:"myDiv"

})

方式二：

<!DOCTYPE html>
<html>
<head>
<title>加载HTML模板</title>
<meta charset="UTF-8">
<script src="../../../codebase/webix.js"></script>
<script src="../../common/testdata.js"></script>
<link rel="stylesheet" href="../../codebase/webix.css">
<link rel="stylesheet" href="dataview_styles.css">

</head>

<body >
<div id="hangge" style="width:1650px;margin:20px;background-color:red "></div>
<div id="hangge1" style="margin-left:20px;display:none">　　　　　　

<div class='overall' > 
<div class='rank'>#votes#</div>
<div class='title'>#title#</div>
<div class='year'>#rank#</div>

</div>
</div>

<script type="text/javascript">

webix.ui({

container:"hangge",
view:"dataview",
css:"movies",
type:{
width:260,
height:90

},
select:true,
yCount:4,
template:"html->hangge1", /* 从模板加载内容，template:"html->id" */
data:big_film_set
});