Kendo ui 剑道ui网格在窗口中-窗口变得不可见

Kendo ui 剑道ui网格在窗口中-窗口变得不可见,kendo-ui,kendo-grid,kendo-asp.net-mvc,Kendo Ui,Kendo Grid,Kendo Asp.net Mvc,我使用的是剑道UI 2013.1,我在一个窗口中有一个网格。页面加载时,窗口的可见性设置为false,但单击链接时,我会使其可见 问题是,无论何时尝试对网格执行任何操作,例如使用过滤器或使用分页按钮,窗口都将不可见。再次单击链接时,该窗口将再次可见,并反映上一次操作的过滤结果或下一页上的内容 我尝试了几种类似的方法: $("#outageWindow").kendoWindow({ visible: true }); 但是没有运气。以下是完整的代码,无需任何解析尝试: @(Html.Kendo

我使用的是剑道UI 2013.1,我在一个窗口中有一个网格。页面加载时,窗口的可见性设置为false,但单击链接时,我会使其可见

问题是,无论何时尝试对网格执行任何操作,例如使用过滤器或使用分页按钮,窗口都将不可见。再次单击链接时,该窗口将再次可见,并反映上一次操作的过滤结果或下一页上的内容

我尝试了几种类似的方法:

$("#outageWindow").kendoWindow({ visible: true });
但是没有运气。以下是完整的代码,无需任何解析尝试:

@(Html.Kendo().Window()
    .Name("viewListWindow")
    .Title("Complete CI List")
    .Width(650)
    .Actions(actions => actions.Close())
    .Content(@<text>
        @(Html.Kendo().Grid(chg.CIsModifiedByChange.CIsModifiedByChange) //Bind the grid to ViewBag.Products
            .Name("grid")
            .RowAction(row =>        
            {          
                if (row.IsAlternate)            
                {                
                    //Set the background of the entire row                
                    //row.HtmlAttributes["style"] = "background:#e0f7ff;";   this is a lighter blue
                    row.HtmlAttributes["style"] = "background:#dde1ff;";                    
                }        
            })
            .Columns(columns =>
            {
                columns.Bound(ci => ci.Value).Title("CI Name");
            })
            .Pageable() // Enable paging
            .Sortable() // Enable sorting
            .Filterable() // Enable filtering
         )
    </text>)
    .Draggable()
    .Visible(false)
)

<script type="text/javascript">

$(document).ready(function () {
    $("#viewCI").bind("click", function () {
        $("#viewListWindow").data("kendoWindow").center().open();
    })
});

</script>
@(Html.Kendo().Window())
.Name(“viewListWindow”)
.标题(“完整CI列表”)
.宽度(650)
.Actions(Actions=>Actions.Close())
.内容(@
@(Html.Kendo().Grid(chg.CIsModifiedByChange.CIsModifiedByChange)//将网格绑定到ViewBag.Products
.名称(“网格”)
.RowAction(行=>
{          
if(第i行替换)
{                
//设置整行的背景
//row.HtmlAttributes[“style”]=“background:#e0f7ff;”这是浅蓝色
row.HtmlAttributes[“style”]=“background:#dde1ff;”;
}        
})
.列(列=>
{
columns.Bound(ci=>ci.Value).Title(“ci名称”);
})
.Pageable()//启用分页
.Sortable()//启用排序
.Filterable()//启用筛选
)
)
.Draggable()
.可见(假)
)
$(文档).ready(函数(){
$(“#viewCI”).bind(“单击”,函数(){
$(“#viewListWindow”).data(“kendoWindow”).center().open();
})
});

这个解决方案对我来说很好

试试这个

function load_grid() {
/* your grid properties here */
}

$(document).ready(function () {
   $("#viewCI").bind("click", function () {

      /* load window */
      $("#viewListWindow").data("kendoWindow").center().open();

      /* load grid into element inside window after window opened */
      load_grid();

   })
});