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>

问题是：当我点击＆＃34; 1＆＃34;图表创造得很完美。在那之后我点击＆＃34; 2＆＃34;并且应该创建新图表并删除旧图表，但新图表显示在图表＆＃34; 1＆＃34;之下。单击导航项后，如何刷新或设置新窗格内容？地图也存在同样的问题。

Answer 1

您必须将 data-init 更改为数据显示

<div data-init="initForm">

到

<div data-show="initForm">

以下是解释：

difference between data-show and data-init

Kendo UI Splitview刷新窗格内容

1 个答案: