如何创建列表以在webix表单中保存图像

时间:2017-08-18 06:08:14

标签: webix

我有一个webix表格如下:

var myform = {
    id: "formID",
    view : "form",
    scroll: false,
    elements : datasheet,
    rules  : {
        "name":webix.rules.isNotEmpty
    }
};

var datasheet = [ 
    {view:"text", label:'Name', name:"fname", value: "Put your name"},
    {view: "checkbox", id:"field_a", label:"Second age",  value:1},
    {view: "template", template: "Header Template", type: "header"},
    {view: "template", template:"<div id= 'mydiv'><ul><li>1st item</li><li>2nd item</li></ul></div>"}
   ]

以与上面类似的方式,我想要一个列表(&lt; ul&gt;&lt; / ul&gt;或&lt; li&gt;&lt; / li&gt;,可能在div中)来保存一些图像项。如何在上面的datasheet变量中定义,以便稍后通过填充或删除项目来管理该列表。

感谢。

1 个答案:

答案 0 :(得分:1)

只需在表单中放置一个webix列表小部件即可。您可以对其使用所有列表API(加载,添加,删除,更新等)

var datasheet = [ 
    {view:"text", label:'Name', name:"fname", value: "Put your name"},
    {view: "checkbox", id:"field_a", label:"Second age",  value:1},
    {view: "template", template: "Header Template", type: "header"},
    { view:"list", id:"form_list" }
];

https://webix.com/snippet/5ac32116