剑道 ui 将网格移动到另一个 div答案

【问题标题】：kendoui move grid to other div剑道 ui 将网格移动到另一个 div
【发布时间】：2014-08-14 08:10:19
【问题描述】：

我正在尝试做的事情听起来很容易，但我无法让它发挥作用。我有一个剃刀建造的剑道 ui 网格。现在，一旦呈现整个页面，我想将该网格移动到同一页面上的另一个 div。我认为当我将 div 包裹在网格（“lgc_list_container”）周围并使用 JQuery 将该 div 移动到另一个时会很容易：

1-页面加载后（AutoBind设置为false）

（尝试添加图像，但由于我是新来的，所以不可能，所以我会尝试描述）网格已正确加载，其中没有数据。

2- 我将网格移到另一个 div 低一点

$('#lgc_list_container').detach().appendTo('#anotherContainer')

3- 移动：

空的格子移动了，目前没问题。

4- 我调用数据源 read()

$("#person_lgc_list").data("kendoGrid").dataSource.read()

5- 结果：

行不在网格中设置，而是在网格下方呈现！！

除了退出 razor 并使用 kendo js api 之外，还有其他建议吗？ :)

谢谢

【问题讨论】：

标签： jquery kendo-ui kendo-grid

【解决方案1】：

比这容易得多。无需分离或重新读取数据源。

如果我们认为 HTML 类似于：

<div id="container1">
    <div id="grid"></div>
</div>

<div id="container2"></div>

我们的grid 最初由div 包裹，其中id 是container1，我们希望将其移动到container2。我们所做的是获取 grid 的 HTML 并将其放入 container2 中。

类似：

var grid = $("#grid").data("kendoGrid");
$("#container2").html(grid.element);

在这里查看：http://jsfiddle.net/OnaBai/kxsfsamu/

【讨论】：