Question

标签：

<div id="parentTabStrip">
            <ul>
                <li class="k-state-active">Titles</li>
                <li>Commercials</li>
            </ul>
            <div id="titlesGrid"></div>
            <div id="commercialsGrid"></div>
        </div>

在页面加载时，会创建网格：

    <script type="text/javascript">
        var year = $("#txtYear").val();
        createTitlesGrid(year);
        createCommercialsGrid();
    </script>

我正在尝试在事件上销毁网格，但是jquery选择器找不到我的网格：

<script type="text/javascript">
            var year = $("#txtYear").val();
            createTitlesGrid(year);
            createCommercialsGrid();

            $('#txtYear').on('change', function ()
            {
                debugger;

                $('#titlesGrid').data("kendoGrid").destroy();

                $('#commercialsGrid').data("kendoGrid").destroy();

                //var year = this.value;
                //createTitlesGrid(year);
                //createCommercialsGrid();
            });
        </script>

一直说：

TypeError：无法调用null

的方法'destroy'

Answer 1

考虑到你正在以正确的方式创建剑道网格，这应该有效：

<script type="text/javascript">
      $(document).ready(function() {
            var year = $("#txtYear").val();
            createTitlesGrid(year);
            createCommercialsGrid();

            $('#txtYear').on('change', function ()
            {
                debugger;

                $('#titlesGrid').data("kendoGrid").destroy();

                $('#commercialsGrid').data("kendoGrid").destroy();

                //var year = this.value;
                //createTitlesGrid(year);
                //createCommercialsGrid();
            });
       });
</script>

尝试：

var grid = $('#titlesGrid').data("kendoGrid");
grid.destroy();

kendo ui的文档： http://docs.kendoui.com/api/web/grid#methods-destroy

Answer 2

var kendoGrid = $("#grid").data("kendoGrid");
kendoGrid.destroy(); // Unhook from DOM
$("#grid").remove(); // Remove from DOM

如何销毁剑道标签内的剑道网格？

2 个答案: