2017-08-18 12 views
0

内の画像を保持するためのリストを作成し、私は以下のような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>"} 
    ] 

を、私は(< UL> </UL>リストを持つようにしたいですまたは< li> </li>、一部の画像アイテムを保持するdiv内にある可能性があります)。上記のデータシート変数の中でどのように定義すればよいのでしょうか?後でアイテムを入力または削除することでそのリストを管理できます。

ありがとうございました。

+0

(など、更新、削除、追加、ロード)それに対して、すべてのリストのAPIを使用することができます。ただし、静的なリストです。私は後でAJAX呼び出しからフェッチされた項目(配列)のリストから項目(画像)を追加できる動的なリストが必要です。どのように動的に管理することができるかについての助けは素晴らしいでしょう。 –

答えて

1

webixリストウィジェットをフォームの中に配置するだけです。私はdivの内側のリストを表示するコードの一部を追加した

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

+0

助けてくれてありがとう。 –

関連する問題