Kendo Window Data绑定无法正常工作

时间:2014-07-20 20:44:25

标签: javascript knockout.js kendo-ui kendo-grid kendo-window

我想在Kendo Window和Kendo Grid之间实现双向绑定。 我无法实现双向数据绑定。 Kendogrid的内置弹出窗口可以做到这一点。

我尝试了以下内容; HTML代码段

TextBox 1 :<input type="text" placeholder="user name"  value = '#= user_name #' /><br />

TextBox 2 :<input type="text" placeholder="user name" data-bind="value:user_name" />

TextBox 1显示值,但不是双向绑定

TextBox 2根本没有显示任何值

JS SNIPPET

kendo.bind($("#item"), viewmodel);
wnd = $("#wnd").kendoWindow({
    title: "Phone Details",
    modal: true,
    visible: false,
    resizeable: false,
    width:300
}).data("kendoWindow");

temp = kendo.template($("#template").html());
function show(e){
    e.preventDefault();
    var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
    wnd.content(temp(dataItem));
    kendo.bind($("#item_instance"), dataItem);
    wnd.center().open();
    };

我在http://jsfiddle.net/BlowMan/Bfh24/7/

抓住了我的问题

非常感谢任何帮助

1 个答案:

答案 0 :(得分:0)

你可以使用自定义窗口作为编辑器来控制剑道中的任何控件,你只需指定以下行就可以在Grid上使用它。

editable: {
    mode: "popup",
    template: kendo.template($("#popup-editor").html())
  }

Telerik Examplnation

我已根据您的要求更新了您的样本。

Custom Editor Working Sample