在HTML中声明的Kendo窗口如何打开?

时间:2013-07-16 18:40:07

标签: mvvm kendo-ui

我有一个使用基于HTML的声明性语法

创建的Kendo网格
<div id="grid-view"
    data-role="grid"
    data-height="700"
    data-selectable="single"
    data-rowTemplate="mn-grid-row"
    data-pageable="true"
    data-pagesize="5"
         <!-- etc--->
     ></div>

我想声明一个Kendo Window,它为网格中未显示的字段创建过滤器。我想以同样的方式声明窗口。它将与网格绑定到同一个VM。我只是不确定如何控制开放功能或者甚至可以控制它?

1 个答案:

答案 0 :(得分:3)

您需要执行与Grid相同的操作。

使用声明性语法的窗口示例:

HTML:

<div id="win" data-role="window"
     data-modal="true"
     data-title="Window Title goes here"
     data-width="400"
     data-height="300"
     data-actions="[ 'close', 'refresh', 'maximize', 'minimize' ]">
    <h2>This is the body of the window</h2>
    <p>Hello, world!</p>
</div>

使用声明性语法初始化所有KendoUI小部件的JavaScript:

kendo.init("body");

如果从那里开始,您需要明确访问此小部件,您可以通过以下方式执行此操作:

var my_win = $("#win").data("kendoWindow");
// now you can do things like
my_win.open();
my_win.close();
my_win.center().open();
...