Kendo ui 剑道ui网格在窗口中-窗口变得不可见
我使用的是剑道UI 2013.1,我在一个窗口中有一个网格。页面加载时,窗口的可见性设置为false,但单击链接时,我会使其可见 问题是,无论何时尝试对网格执行任何操作,例如使用过滤器或使用分页按钮,窗口都将不可见。再次单击链接时,该窗口将再次可见,并反映上一次操作的过滤结果或下一页上的内容 我尝试了几种类似的方法: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
$("#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();
})
});