Kendo Grid with dropdown and textbox

2 posts, 0 answers
  1. Srini
    Srini avatar
    1 posts
    Member since:
    Nov 2017

    Posted 10 Nov 2017 Link to this post

    I am using kendo grid. i want to add textbox to multiple rows in kendo grid without clicking any edit button and i am using java spring mvc, so i am not using .net and i am attaching a screen shot here i want to do like this using kendo grid ui.
  2. Konstantin Dikov
    Konstantin Dikov avatar
    2466 posts

    Posted 10 Nov 2017 Link to this post

    Hi Srini,

    Placing editors in the template of a column is not recommended, because if the editor is bound correctly to the dataItem, after each change in the editor, the entire Grid will be rendered again. Nevertheless, you could refer to the following HowTo example for the Kendo UI Grid, which is applicable with the wrappers as well:
    Another option would be to manually set the value from the datItem to the editors (again within the dataBound event, but without the kendo.bind) and within the change event of the editor, update the underlying value of the dataItem:
    function dropDownChangeEventHandler(e){
       dataItem["yourFieldName"] = e.sender.value();
       dataItem.dirty = true;

    Once again, we do not recommend this approach and I would suggest that you use the Batch editing instead:

    Best Regards,
    Konstantin Dikov
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top