MVC5视图和剑道拆分器-2中的内容覆盖1

太长,读不下去了为什么窗格2 contentUrl数据会覆盖窗格1 contentUrl数据。详情如下。

好的,我们在这里接受了严格的教育,并试图学习更多基于web的开发,同时又过快地开发应用程序。使用MVC 5和Telerik(剑道),我试图创建一个从4个不同的局部视图加载的spitter。目前我只使用Telerik网站上的虚拟/演示数据。

当页面加载时,它将简要显示@Url的内容。内容(“~/生产率”),然后被@Url的内容替换。内容(“~/质量控制”),但标题不变。

Productivity和QualityControl都是部分视图,由关联的控制器返回,并且是。SpanOfControl和Position Control当前仅返回H2收割台。

public ActionResult Index() { return View("_ProductivityPartial"); }

public ActionResult Index()
    {
        return View("_QualityControlPartial");
    }

索引上的HTML/Javascript。cshtml

<div id="verticalSplit">
<div id="topHorizontal">
    <div id="top-left">Top Left</div>
    <div id="top-right">Top Right</div>
</div>
<div id="bottomHorizontal">
    <div id="bottom-left">Bottom Left</div>
    <div id="bottom-right">Bottom Right</div>
</div>

<script type="text/javascript">
 $(document).ready(function () {

    $("#verticalSplit").kendoSplitter({
        orientation: "vertical",
        panes: [
            { collapsible: true, expand: true, resize: false },
            { collapsible: true, expand: true, resize: false }
        ]
    });
   $("#topHorizontal").kendoSplitter({
        orientation: "horizontal",
        panes: [
            { contentUrl: "@Url.Content("~/Productivity")" },
            { contentUrl: "@Url.Content("~/QualityControl")" }
        ]
    });
    $("#bottomHorizontal").kendoSplitter({
        orientation: "horizontal",
        panes: [
            { contentUrl: "@Url.Content("~/SpanOfControl")" },
            { contentUrl: "@Url.Content("~/PositionControl")" }
        ]
    });