Kendo ui 如何从右窗格刷新剑道UI拆分器的左窗格
我有一个Asp.net MVC应用程序,在主页上有一个剑道UI拆分器(请参阅下面的代码)。主页上还有一个剑道UI树视图(见下面的代码)。右侧窗格由MVC局部视图调用,它有一个表单,用户可以输入数据。右窗格部分视图的内容(输入表单)通过从左窗格单击树节点来呈现。我想在右窗格窗体中,在用户单击HTML按钮(通过Ajax POST)将数据保存到数据库后,右窗格内容应该被刷新,这样树也会被刷新。右侧窗格窗体不应刷新。我怎样才能做到这一点?请帮忙。非常感谢 主视图页面上的剑道拆分器:Kendo ui 如何从右窗格刷新剑道UI拆分器的左窗格,kendo-ui,Kendo Ui,我有一个Asp.net MVC应用程序,在主页上有一个剑道UI拆分器(请参阅下面的代码)。主页上还有一个剑道UI树视图(见下面的代码)。右侧窗格由MVC局部视图调用,它有一个表单,用户可以输入数据。右窗格部分视图的内容(输入表单)通过从左窗格单击树节点来呈现。我想在右窗格窗体中,在用户单击HTML按钮(通过Ajax POST)将数据保存到数据库后,右窗格内容应该被刷新,这样树也会被刷新。右侧窗格窗体不应刷新。我怎样才能做到这一点?请帮忙。非常感谢 主视图页面上的剑道拆分器: @(Html.Ken
@(Html.Kendo().Splitter()
.Name("top")
.Orientation(SplitterOrientation.Horizontal)
.Panes(panes =>
{
panes.Add()
.HtmlAttributes(new { id = "leftPane" })
.Scrollable(true)
.Collapsible(true)
.Size("200px")
.Content(@<div id="treeView" class="demo-section">
</div>);
panes.Add()
.HtmlAttributes(new { id = "rightPane" })
.Scrollable(true)
.Collapsible(true)
.Content(@<div id="detail-pane">@{Html.RenderPartial("_RightFormPartial");}</div>);
})
)
我不熟悉Splitter,但这就是我刷新部分视图和调用Kendo控件刷新的方式
var grid = $("#ProposalGrid").data("kendoGrid");
grid.dataSource.page(1) or grid.dataSource.read() (forget if its a method)
在某些情况下,您将得到ajax调用
<div id="partialSummaryDiv">@{Html.RenderAction("GetSummary", "Order");}</div>
public ActionResult GetContractTotals()
{
// blah blah
return PartialView("_OrderContractTotals", octvm);
}
$.ajax({
url: "/Order/GetContractTotals",
type: "POST",
success: function (result) {
// refreshes partial view
$('#partialSummaryDiv').html(result);
}
});
@{Html.RenderAction(“GetSummary”、“Order”);}
公共操作结果GetContractTotals()
{
//废话
返回PartialView(“\u OrderContractTotals”,octvm);
}
$.ajax({
url:“/Order/GetContractTotals”,
类型:“POST”,
成功:功能(结果){
//刷新局部视图
$('#partialSummaryDiv').html(结果);
}
});
希望有帮助
<div id="partialSummaryDiv">@{Html.RenderAction("GetSummary", "Order");}</div>
public ActionResult GetContractTotals()
{
// blah blah
return PartialView("_OrderContractTotals", octvm);
}
$.ajax({
url: "/Order/GetContractTotals",
type: "POST",
success: function (result) {
// refreshes partial view
$('#partialSummaryDiv').html(result);
}
});