剑道 UI 拆分视图刷新窗格内容

Question

我使用 Kendo UI splitview。

我为导航创建了一个窗格（左），为内容创建了一个窗格（右）。

我得到了 4 个左侧窗格的导航链接，如下所示：

<div data-role="pane" id="side-pane" data-layout="side-default"
        data-transition="slide">
        <div data-role="view" data-title="test" id="side-root">
            <ul data-role="listview" style="height: 250px" data-style="inset"
                data-style="inset" data-type="group">
                <li>Categories
                    <ul>
                        <li onclick="createChart()" data-icon="arrow-e"><a>1</a></li>
                    </ul>
                    <ul>
                        <li onclick="createLineChart()" data-icon="test"><a>2</a></li>
                    </ul>
                    <ul>
                        <li onclick="createMap()" data-icon="world"><a>3</a></li>
                    </ul>
                </li>
            </ul>
        </div>



    </div>

对于右窗格，一个div 用于地图，两个div 用于图表，如下所示：

<div data-role="pane" data-layout="main-default" id="main-pane">
        <div id="forms" data-role="view" data-title="Form Elements"
            data-init="initForm" data-use-native-scrolling="true" data-show="detailViewShown">


            <div id="map" ></div>
            <div id="chart"></div>
            <div id="linechart"></div>


        </div>

问题是：当我单击"1"时，图表完美创建。发生这种情况后，我单击"2"，应该创建新图表并删除旧图表，但新图表出现在图表"1"下。单击导航项后，如何刷新或设置右侧窗格内容？地图也有同样的问题。

Answer 1

你应该必须将数据初始化更改为数据显示

<div data-init="initForm">

自

<div data-show="initForm">

解释如下：

数据显示和数据初始化之间的区别