Input Column not bond to data

[Jennifer]

I am new to Kendo Grid I am gring to show data from a API using kendo and then add an addtional column for Quanity that would be an input field.

The idea is a list of items that a person can add quaity to and then click add to cart and another script runs.The script would add the items to a separate area.

I believe I have the button working to add items but I am having difficulty with adding the input column as it is not bound to the data source.

Is this possible?  I have looked at using Row Templates but they seem to bond back to the data source.  Can some one help provide some idea?

[Jennifer]

To better explain what I am trying to do I would like to do something similar to the below example http://jsbin.com/ahiXoN/2/edit?html,output

however from what I understand the Unit in Stock is still pulling from the data source.  I would like this column to not be bound to data and be an additional column outside the data source.  The idea is that the once the user click add to cart a script will right that rows information including to Unit in Stock to another list.  

[Georgi Denchev]

Hello Jennifer,

Thank you for the provided code sample.

If I understand correctly you want to have a column that is not bound to the DataSource in any way and it contains a simple input field. In MVC you can use a template to create such column and then use a ClientTemplate to add the input to it.

columns.Template(@<text></text>).ClientTemplate("<input class='numeric' type='number' step='1' />");

If you want to give a unique id to each input element, you can use one of the other grid fields which has unique values(for example the ID field).

columns.Template(@<text></text>).ClientTemplate("<input id='myCo_l#=ModelID#' class='numeric' type='number' step='1' />");

Here is a preview of the result:

Let me know if you have any questions.

Best Regards,
Georgi Denchev
Progress Telerik