Datatable refresh a single row or all

Webix JS
1

How to refresh a single row by id row?
I update a record via form directly to the table (via restapi), as do I refresh only the row ID? and the entire table for an insert for example?

— This is the grid code –

var grid = webix.ui({

container:“contenido”,
view:“datatable”,
id:“dt_tipos”,
editable:false,
select:“row”,
navigation:true,
url:“rest-><?php echo $cargador::DOMREST; ?>noticiastipos”,
save:“rest-><?php echo $cargador::DOMREST; ?>noticiastipos”,
columns:[

{ id:“id”, header:“Id”, width:60,css:{‘text-align’:‘right’}},
{ id:“tipo”, header:[“Tipo”,{content:“textFilter”}] , fillspace:true, sort:“string”},
{ id:“totalnoticias”, header:“Tot.Noticias”, width:100,css:{‘text-align’:‘right’}}
],
pager:{
template:"{common.first()} {common.prev()} {common.pages()} {common.next()} {common.last()}",container:“paginador”, size:10,group:5, animate:{subtype:“flip”}
}
})

– This is de form code –

body:{
view:“form”,
id:“form_tipos”, url:urlrest, save:“rest-><?php echo $cargador::DOMREST; ?>noticiastipos/”+$$(‘dt_tipos’).getSelectedId(),
elements:[
{ view:“text”, id:“id”, name:“id”, label:“Id:”, hidden:true},
{ view:“text”, id:“tipo”, name:“tipo”, label:“Tipo:”, placeholder:“Tipo”, maxlength:“60”, required:true, invalidMessage: “El tipo no puede estar vacio”},
{ margin:5, cols:[
{ view:“button”, name:“aceptar”, id:“aceptar”, value:“Aceptar” , type:“form”, click:function(){
form = $$(“form_tipos”);
if(form.validate()){
if(id==‘insertar’){
webix.ajax().post(“<?php echo $cargador::DOMREST; ?>noticiastipos”, form.getValues(), function(res){
})
}else if(id==‘modificar’){
webix.ajax().put(“<?php echo $cargador::DOMREST; ?>noticiastipos/”+$$(‘dt_tipos’).getSelectedId(), form.getValues(), function(res){
})
}
}
}}
]}
]}

When I update i need refresh the only row affected, by id, and when i insert a new register refresh all table and selected the new register or row inserted by id

2

Hi,

You can use updateItem(id, data) method to change all properties of an item. And here is how to can change specified properties:

var item = dataTable.getItem(id);
item.tipo = "...";
dataTable.refresh();

dataTable always redraws all visible row(s) after changing their data. However, it does not affect performance - datatable renders only visible cells.