Making dynamic views

Webix JS
#21

Hi webix team,

https://webix.com/snippet/3addefc2

In this snippet I want to do like this

  1. If I am dragging any title of dataview (e.g LaFerrari,MyProject1,MyProject2,etc) It should be droppable on tree (id=“treeId”).At that time I want the Id of that title which is in json.like (LaFerrari having id in json project1,MyProject1 id is project2 in json, etc)

  2. If suppose in my json I am having references key… references having the array and I put the comment in snippet.

  3. On edit button click I want the Name,Description, and References values to edit it. maybe in popup

I am stuck on this functionanlity. Please reply me.
Any help will be appreciable.

Thanks

#22

Hello!

  1. You need to use Drag-and-Drop Mode.
    drag: true - enables drag-n-drop within the component, allows taking items into its other instances and different components on the page; multiselect: true - the selection of several items regardless of their hierarchy
webix.ui({
    view:"dataview",
    multiselect:true, 
    drag:true
});
  1. It’s possible to add other references by creating an array and using loop template as you made in sample with two columns
  2. There is better to use Data Binding and setCursor to select an item for editing.
$$("myForm").bind($$("myBoard"));

Example with binding: https://webix.com/snippet/528fd128

$$('id').attachEvent("onItemClick",function(id){
   this.setCursor(id)
});
#23

Hi Webix team,
https://webix.com/snippet/751fd3b6

In this snippet I am having the references array. So I need to show it in list view against the key References. Also References position always should be to the right side.
For one object my height is 150, but if there is more content its not showing the scroll. e.g. now I can not see id, iid1,iid2 data

#24

Hi Webix team,
https://snippet.webix.com/751fd3b6

In this snippet if I am clicking on more button It giving the message but if I am pressing the enter button still it showing the message. I don’t want any event on enter key for more button.

Thanks.

#25

Hi webix team,

Please reply me.
I am stuck and it gives so weird output.

Thanks

#26

This is native HTML functionality, when space/enter is pressed while a button element has focus, browser will trigger mouse-click action for the button ( and here the Webix starts and handles mouse-click )

As far as I can see, the only solution will be to replace input element with some other tag.

https://snippet.webix.com/xrafmoml

#27

Thanks maksim :slight_smile:

#28

Hi Webix team,

https://snippet.webix.com/uy7wyi0b

How I can resize this view?
Also for each view I want height:" auto",but its not working

#29

Hi please reply me

#30

For list

https://snippet.webix.com/oeiulukm

For dataview

https://snippet.webix.com/nusfzxly

Behavior differs a bit ( list just renders 3 items which are sized to the content, dataview sets item height to fit the define number of items in the view )