Question

我在kendoGrid的一个单元格中添加了一个kendoDropDownList，它最初工作正常。但是，当我单击列标题进行排序时，单元格将丢失其格式。任何人都知道如何防止这种情况？这是一个简单的示例：

<html>
<head>
    <title>test</title>
    <link href="/kendoui.web.2013.2.716.open-source/styles/kendo.common.min.css" rel="stylesheet" type="text/css"/>
    <link href="/kendoui.web.2013.2.716.open-source/styles/kendo.default.min.css" rel="stylesheet" type="text/css"/>
    <script src="/kendoui.web.2013.2.716.open-source/js/jquery.min.js"></script>
    <script src="/kendoui.web.2013.2.716.open-source/js/kendo.web.min.js" type="text/javascript"></script>
</head>
<body>
    <table class="gridTable">
        <thead>
        <tr>
            <th data-field="name">Name</th>
            <th data-field="options">Options</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td class="wrap">Item</td>
            <td>
                <select class="menuBar" style="width:80px;">
                    <option>Big</option>
                    <option>Medium</option>
                    <option>Small</option>
                </select>
            </td>
        </tr>

        </tbody>
    </table>
    <script type="text/javascript">
        $(document).ready(function() {
            $(".gridTable").kendoGrid({
                sortable: true
            });

            $(".menuBar").kendoDropDownList({
            });
        });
    </script>
</body>
</html>

Answer 1

每次执行Page / Sort / Group等时都会重建网格。对于这种情况，您需要使用Grid的dataBound事件重新初始化任何小部件或执行任何影响什么的JavaScript代码显示在Grdi。

kendoDropDownList在排序后重置kendoGrid

1 个答案: