Editing Items

Changing an item's properties

To change properties of an item, you should use the following technique:

// get item data by item id
var task = myBoard.getItem("task1");
// set new values
task.text = "Ticket 225";
task.status = "work";
task.color = "red";
...
// apply changes
myBoard.updateItem("task1", task);

You can read the details on the getItem and updateItem methods.

Editing via a Form

Webix Form and Board Binding

Form and Kanban Board can be bound to each other to ensure select-based synchronous changing of their data, which allows editing data on the Board:

  • select a Kanban item the data of which you want to show in Form (use setCursor method);
  • form will be filled with the item's data that you can edit;
  • form saving will send changed data back to the component.
// binding Form to Kanban data
$$("myForm").bind($$("myBoard"));
 
// select an item for editing
function editItem(itemId){
   $$("myBoard").setCursor(itemId);
}
 
// data saving
function saveData(){
   $$("myForm").save();
}

Related sample:  Broken link: 63_kanban/05_php/01_loading_saving.html

You can study data binding separately.

Back to top
If you have not checked yet, be sure to visit site of our main product Webix js frameworks and page of buy kanban board product.