How to add a row (which is fetched from DB) to an existing Kendo Grid

[Naga]

Hi 

I have textbox, a button and a Grid in my screen, i am binding data to it on a button click with the textbox input.

If the user clicks the button again with different inputs, i have to go to DB, get data  and append the new data to the existing Grid data.

I should not lose the existing data and i need to append new data to the same grid I should be able to call the same URL to get data.

Please let me know how I can achieve this.

 

Sample Code: 

<input type="text" class="k-textbox"/>

<button id="btnAdd">Add</button></td>

<div id="grid"></div>
<script>

 $("#btnAdd").on('click', function () {

$("#grid").kendoGrid({
                dataSource: {
                    type: "json",
                    transport: {
                        read:
                            {
                                url: // my url with textbox inputs,
                                cache: false
                            }
                    },
schema: {
                        model: {
                            fields: {
ID: {type: "string"},
Name: {type: "String"}
   }
                        }
                    },

 columns: [
                //{ hidden: true, field: "AssetID", editable: false },
                { template: "<input type='checkbox' class='checkbox' />" },
                { field: "ID"},
                { field: "Name"}]
 }).data("kendoGrid");
});
});

</script>

 

 

[Boyan Dimitrov]

Hello Naga,

 

I believe in this case using the add method of the DataSource will work for your case. This allows you to add new row with predefined data. Please refer to the http://dojo.telerik.com/oDELA example. 

 

In your scenario you can get the value of the input and add a new model with the input's value as shown in the example. 

 

Regards,
Boyan Dimitrov
Telerik

[Naga]

Thanks Boyan Dimitrov 

It worked great.

After some googling , i found Insert Method too, 

which is better to use ? Insert or Add 

[Petyo]

Hello Naga,

 

both do the same - the insert accepts an index, too.

 

Regards,
Petyo
Telerik