mvvm - HTML 中声明的剑道窗口如何打开？

Question

我有一个使用基于 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 窗口。我想以同样的方式声明窗口。它将绑定(bind)到与网格相同的 VM。我只是不确定我将如何控制开放功能，或者这是否可能？

Answer 1

您需要执行与 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();
...