Javascript 用文本框绑定剑道网格的行数据onclick?

Javascript 用文本框绑定剑道网格的行数据onclick?,javascript,json,kendo-ui,kendo-grid,kendo-mvvm,Javascript,Json,Kendo Ui,Kendo Grid,Kendo Mvvm,这是我的html代码,单击剑道网格的内联编辑按钮,我必须将剑道网格数据发送到文本框,但我不想内联编辑。通过文本框编辑后,我想在剑道网格中显示它作为编辑值 <!--data-editable="inline"--> <div id="example"> <div id="kendoGrid" data-role="grid" data-pageable=" true" data-sortable=" true" data-filterable="true" d

这是我的html代码,单击剑道网格的内联编辑按钮,我必须将剑道网格数据发送到文本框,但我不想内联编辑。通过文本框编辑后,我想在剑道网格中显示它作为编辑值

<!--data-editable="inline"-->
<div id="example">
    <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"></div>
</div>
<div>
    <input id="ii" class="k-textbox" data-bind="value: data-columns.Id " />
    <input id="ii" class="k-textbox" data-bind="value:  data-columns.CurrentCurrencyCode " type="text" />
    <input id="ii" class="k-textbox" data-bind="value:  data-columns.ShortName " type="text" />
    <input id="ii" class="k-textbox" data-bind="value:  data-columns.FullName " type="text" />
    <input id="ii" class="k-textbox" data-bind="value:  data-columns.ContactPerson " type="text" />
    <input id="ii" class="k-textbox" data-bind="value:  data-columns.Address1 " type="text" />
    <input id="ii" class="k-textbox" data-bind="value:  data-columns.CompanyCity " type="text" />
    <input id="ii" class="k-textbox" data-bind="value:  data-columns.CompanyState " type="text" />
    <input id="ii" class="k-textbox" data-bind="value:  data-columns.CompanyCountry " type="text" />
    <input id="ii" class="k-textbox" data-bind="value:  data-columns.ZipPostCode " type="text" />
    <input id="ii" class="k-textbox" data-bind="value:  data-columns.TelArea " type="text" />
    <input id="Update" type="submit" value="Update" />
</div>

或者在内联编辑按钮上调用javascript函数,单击该按钮可以传递值,但如何在按钮单击上调用函数也可以告诉我?更新函数在单击上也不起作用

基本上,您只需要将选择的项传递并将其绑定到文本框、日期选择器、numerictextbox,或复选框,将其添加到网格上的更改事件中

change: function (e) {
            selectedRow = this.select();
            var item = this.dataItem(selectedRow);
            kendo.bind($("#gridEditor"), item);
        },

我可能有一个例子,可能适合你的需要,我创造了这个当我试图遵循剑道网站上的一些教程。请检查这个

但是wallah,答案在哪里?你是这里的新手,我建议你不要要求答案:这不是工作原理。此外,您应该尽量减少代码的格式,以便希望提供帮助的其他人能够更好地理解代码。它简单、快捷,不会“吓跑”潜在的帮手
change: function (e) {
            selectedRow = this.select();
            var item = this.dataItem(selectedRow);
            kendo.bind($("#gridEditor"), item);
        },