kendo ui将网格移动到另一个div

时间:2014-08-14 08:10:19

标签: jquery kendo-ui kendo-grid

我想要做的事情听起来很简单,但我无法让它发挥作用。我有一个剃刀制造的剑道ui网格。现在,一旦整个页面被渲染,我想将该网格移动到同一页面上的另一个div。当我在网格周围包裹div(“lgc_list_container”)并使用JQuery将该div移动到另一个div时,我认为这很容易:

1-加载页面后(AutoBind设置为false)

(试图添加图片,但因为我是新来的,这是不可能的,所以我会试着描述) 网格已正确加载,其中没有数据。

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

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

3-感动:

移动空网格,到目前为止没问题。

4-我调用数据源read()

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

5-结果:

行未在网格中设置,但在网格下面呈现!!

除了戒掉剃须刀以外的任何人都在使用剑道js api吗? :)

由于

1 个答案:

答案 0 :(得分:0)

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

如果我们认为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/