Question

我正在使用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>

Answer 1

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

试试这个

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();

   })
});

窗口内的kendo ui网格 - 窗口变得不可见

1 个答案: