i m using a html textbox using inline-text editor template in a datatable column.can anyone tell me how to call onchange method when i enter some value in the textbox. Is there any alternate way to do this.
thanks in advance
rupangshu
can i use onchange method of text like below code.Is is the correct way to do.Can anybody tell other alternative of onchange.
var a=webix.ui({
isolate : true,
container : "data_container",
borderless : false,
type : "line",
padding : 8,
id : "layout",
responsive:true,
rows : [ {
type : "clean",
rows : [
{
view:"datatable",
id:"multiPro",
columns:[
{ id:"ch1",header:"",template:'<input type="checkbox" value="#ch1#" >',sort:"int",width:80},
{ id:"shape", header:"shape", width:360},
{ id:"size", header:"Size", width:130},
{ id:"quantity", header:"Quantity", editor:"inline-text", width: 150,
template : "<input class='webix_el_box ' type='text' value='#quantity#' style='width:140px;' onchange='quantitySet(this)'>"
},
{ id:"materialPrice", header:"Material Price", editor:"inline-text" , width: 150, template :"<input type='text' class='webix_el_box' value='#materialPrice#' style='width:140px;' onchange='materialpricechange(this)'>"
},
{ id:"TotalPrice", header:"total Price" , editor:"inline-text", width:170, template: "<input type='text' class='webix_el_box' value='#TotalPrice#' style='width:130px;'>"
}
],
autoheight:true,
autowidth:true,
select:"cell",
navigation:true,
editable:true,
checkboxRefresh:true,
data: adhesiveArray,
ready:function(){
this.sort("ch1", "desc", "int");
},
on:{
onBeforeEditStart:function(id){
var row = id.row;
var column = id.column;
return !this.getItem(row)[column+"_readonly"];
}
}
} ]
} ]
});
please suggest something.
Please check onAfterEditStop event:
http://docs.webix.com/api__link__ui.datatable_onaftereditstop_event.html
hi Maria,
thanks for ur solution.it works but when i m entering value in the textbox using tab key some i m getting webix error in webix.js
this.node.select()
SCRIPT16389: Unspecified error.
can u please help
Is it occurs in some default samples or only in your app ?
In second case please share a snippet or a demo link.
in my app its occuring…sometimes when i m clicking on html textbox them
SCRIPT16389: Unspecified error.
is comming.
Line: 545
Error: Unspecified error.
in webix.js
when i use tab key for navigating from one textbox to another.
this.node.select() in line no 545 webix.js
in the datatable
i m using webix 2.2.0
Sorry, I still can’t reconstruct the issue locally.
Please share the demo link.
Also, please consider updating to Webix 2.5. API is fully backward compatible.
can u tell me how to evoke onchange method when i enter some text in it.
earlier i tried with
html onchange method
and onAfterEditStop of editor.
can u give some alternatives of this.
many thks in adv
the error is occuring in IE 9.0 browser but in chrome it is working
You can set
{ view:"datatable", liveEdit:true }
and use onLiveEdit event
http://docs.webix.com/api__editability_onliveedit_event.html
If you have some issue - please share a link of a snippet.
In chrome its working fine but in ie 9.0 above error is coming when i enter data in textboxes using tab key.
demo link…currently m using webix 2.2.0…but in webix snippet its new one …so some ui changes are there…
http://webix.com/snippet/91d43506
please help.
many thanks in advance.
It seems to be an issue with Snippet tool itself.
The same code works correctly when it used in normal HTML page.
i tried with normal html only…it is working fine in chrome but in Internet explorer 9.0 some unspecified error is coming in console when i enter some value in textboxes using tab key of my keyboard.
can u plz help.
I was able to confirm the issue.
Fix will be included in the next build.
if u can give some different approach of doing this for adding text boxes in datatable.Then it will be very helpful.
thanks maksim