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

How to create a list to hold images inside a webix form

我有一个如下所示的 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>"}
   ]

以与上面类似的方式,我想要一个列表(

  • ,可能在 div 内)来保存一些图像项。我如何在上面的数据表变量中定义它,以便我以后可以通过填充或删除项目来管理该列表。

    谢谢。

    只需在表单内放置一个 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