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


i have webix form below:

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 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>"}    ]

in similar fashion above, want have list (< ul> < /ul> or < li> < /li>, may inside div) hold image items. how can define inside datasheet variable above can manage list later populating or removing items.

thanks.

just place webix list widget inside of form. can use lists api against ( load, add, delete, update, etc. ) 

var datasheet = [      {view:"text", label:'name', name:"fname", value: "put 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


Comments

Post a Comment

Popular posts from this blog

angular - DownloadURL return null in below code -

when change file updated in firebase storage when try downloadurl show null. filechange(event: any) { const imagefolder: string = this.employee.id; const filelist: filelist = event.target.files; const file: file = filelist[0]; const storageref = firebase.storage().ref().child(`${imagefolder}/profile.jpg`).put(file); console.log(storageref.snapshot.downloadurl); } the put() asynchronous. if want url after file uploaded have this: firebase.storage().ref().child(`${imagefolder}/profile.jpg`).put(file).then((snapshot) => { storageref = snapshot.downloadurl: console.log(snapshot.downloadurl); });
Read more

meteor - inserting data to database gives error "insert failed: Method '/texts/insert' not found" -

i have other project broke somehow(i have no idea) , rebuilt app same file names , code , working fine. problem when go insert data database called texts error insert failed: method '/texts/insert' not found not know wrong because copied every line of code previous project , problem came wasn't there before. confuses me when create user accounts accounts.createuser() works fine. sendtext.js import react "react"; import {texts} "./../api/text"; import {withrouter} 'react-router-dom'; import {meteor} "meteor/meteor"; import {accounts} "meteor/accounts-base" class sendtext extends react.component{ send(e){ e.preventdefault(); let message = this.refs.message.value; let name = accounts.user().username if(name != ""){ if(message){ texts.insert({ name, message }); this.refs.m...
Read more