Kendo ui 如何从右窗格刷新剑道UI拆分器的左窗格

Kendo ui 如何从右窗格刷新剑道UI拆分器的左窗格,kendo-ui,Kendo Ui,我有一个Asp.net MVC应用程序,在主页上有一个剑道UI拆分器(请参阅下面的代码)。主页上还有一个剑道UI树视图(见下面的代码)。右侧窗格由MVC局部视图调用,它有一个表单,用户可以输入数据。右窗格部分视图的内容(输入表单)通过从左窗格单击树节点来呈现。我想在右窗格窗体中,在用户单击HTML按钮(通过Ajax POST)将数据保存到数据库后,右窗格内容应该被刷新,这样树也会被刷新。右侧窗格窗体不应刷新。我怎样才能做到这一点?请帮忙。非常感谢 主视图页面上的剑道拆分器: @(Html.Ken

我有一个Asp.net MVC应用程序,在主页上有一个剑道UI拆分器(请参阅下面的代码)。主页上还有一个剑道UI树视图(见下面的代码)。右侧窗格由MVC局部视图调用,它有一个表单,用户可以输入数据。右窗格部分视图的内容(输入表单)通过从左窗格单击树节点来呈现。我想在右窗格窗体中,在用户单击HTML按钮(通过Ajax POST)将数据保存到数据库后,右窗格内容应该被刷新,这样树也会被刷新。右侧窗格窗体不应刷新。我怎样才能做到这一点?请帮忙。非常感谢

主视图页面上的剑道拆分器:

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