title: bind a row data of kendo grid with text boxes onclick?
body: <p>Here is my html code , i have to send kendo gridrow data to textboxes onclicking inline edit button of kendo grid but i no want to edit inline. after editting through textboxes i want to show it in kendo grid as edited value</p>
  
  <pre><code>&lt;!--data-editable="inline"--&gt;
  &lt;div id="example"&gt;
      &lt;div id="kendoGrid" data-role="grid" data-pageable=" true" data-sortable=" true" data-filterable="true" data-toolbar="['create','save', 'cancel']" data-columns="[
      { 'field': 'Id', 'width': 100 },
      { 'field': 'CurrentCurrencyCode', 'width': 100 },
      { 'field': 'ShortName', 'width': 100 },
      { 'field': 'FullName', 'width': 100 },
      { 'field': 'ContactPerson', 'width': 100 },
      { 'field': 'Address1', 'width': 100 },
      { 'field': 'CompanyCity', 'width': 100 },
      { 'field': 'CompanyState', 'width': 100 },
      { 'field': 'CompanyCountry', 'width': 100 },
      { 'field': 'ZipPostCode', 'width': 100 },
      { 'field': 'TelArea', 'width': 100 },
      { 
          command: ['edit'],
          title: 'Actions',
          width: '250px'
      },
  ]" data-bind="source: products" style=" height :500px"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div&gt;
      &lt;input id="ii" class="k-textbox" data-bind="value: data-columns.Id " /&gt;
      &lt;input id="ii" class="k-textbox" data-bind="value:  data-columns.CurrentCurrencyCode " type="text" /&gt;
      &lt;input id="ii" class="k-textbox" data-bind="value:  data-columns.ShortName " type="text" /&gt;
      &lt;input id="ii" class="k-textbox" data-bind="value:  data-columns.FullName " type="text" /&gt;
      &lt;input id="ii" class="k-textbox" data-bind="value:  data-columns.ContactPerson " type="text" /&gt;
      &lt;input id="ii" class="k-textbox" data-bind="value:  data-columns.Address1 " type="text" /&gt;
      &lt;input id="ii" class="k-textbox" data-bind="value:  data-columns.CompanyCity " type="text" /&gt;
      &lt;input id="ii" class="k-textbox" data-bind="value:  data-columns.CompanyState " type="text" /&gt;
      &lt;input id="ii" class="k-textbox" data-bind="value:  data-columns.CompanyCountry " type="text" /&gt;
      &lt;input id="ii" class="k-textbox" data-bind="value:  data-columns.ZipPostCode " type="text" /&gt;
      &lt;input id="ii" class="k-textbox" data-bind="value:  data-columns.TelArea " type="text" /&gt;
      &lt;input id="Update" type="submit" value="Update" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>here is my javascript code , can some one bind my kendo row values with textboxes on inline button click thanx</p>
  
  <pre><code>document.onreadystatechange = function () {
      function showdata(e) {
          alert("dataShown");
      }
  
      var viewModel = kendo.observable({
          products: new kendo.data.DataSource({
              transport: {
                  //read: function () {
                  //    type = "GET";
                  //    url = "/api/Companies/GetAllCompanies2";
                  //    dataType = "json";
                  //},
                  read: {
                      type: "GET",
                      url: "/api/Companies/GetAllCompanies2",
                      dataType: "json",
                      async: false
                  },
                  create: {
                      type: "PUT",
                      url: "/api/Companies/UpdateDefCompny",
                      contentType: "application/json; charset=utf-8",
                      dataType: "json",
                      async: false
                  },
                   update: {
                  url:"/api/Companies/SaveDefCompny",
                  async: false,
                  contentType: "application/json",
                  dataType: "json",
                  type: "POST"
                   // here you need correct api url
  
              },
                  destroy: {
                      url: "/api/Companies/Delete", // here you need correct api url
                      dataType: "json"
                  },
                  parameterMap: function (data, operation) {
                      if (operation !== "read" &amp;&amp; data) {
                          return JSON.stringify(data.models[0]);
                      }
                  }
              },
              serverPaging: true,
              serverFiltering: true,
              pageSize: 10,
              schema: {
                  //data:"Data",
                  total: "Count",
                  model: {
                      id: "Id",
                      fields: {
                          Id: {
                              type: "int"
                          },
                          CurrentCurrencyCode: {
                              editable: true,
                              type: "int"
                          },
                          ShortName: {
                              editable: true,
                              type: "string"
                          },
                          FullName: {
                              editable: true,
                              type: "string"
                          },
                          ContactPerson: {
                              editable: true,
                              type: "string"
                          },
                          Address1: {
                              editable: true,
                              type: "string"
                          },
                          CompanyCity: {
                              editable: true,
                              type: "string"
                          },
                          CompanyState: {
                              editable: true,
                              type: "string"
                          },
                          CompanyCountry: {
                              editable: true,
                              type: "string"
                          },
                          ZipPostCode: {
                              editable: true,
                              type: "string"
                          },
                          TelArea: {
                              editable: true,
                              type: "string"
                          }
                      }
                  }
              },
              batch: true,
          })
      });
      kendo.bind(document.getElementById("example"), viewModel);
  }
  </code></pre>
  
  <p>or invoke a function of javascript on inline edit button click that transfer values but how to invoke a function on button click also tell me?update function is also not working on click</p>