1

カスタム フィルター行を列の並べ替えや列の非表示と同期させるにはどうすればよいですか? 私は現在 Telerik 剣道 UI グリッド v2013.1.514 を調査しています。

コードは次のとおりです。

var grid = $("#grid").kendoGrid({
    dataSource: {
        type: "odata",
        transport: {
            read: "http://demos.kendoui.com/service/Northwind.svc/Products"
        },
        pageSize: 15,
        serverPaging: true,
        serverSorting: true,
        serverFiltering: true
    },
    height: 450,
    reorderable: true,
    pageable: true,
    columns: [{ field: "ProductID"}, { field: "ProductName"}, { field: "UnitPrice"}]
});

var filterRow = $('<tr><td><input type="search" id="ProductIDSearchBox" value="EnterProductID"/></td>' +
     '<td><input type="search" id="ProductNameSearchDD" value="Enter ProductName"/></td>' +
     '<td><input type="search" id="UnitPriceSearchBox" value="Enter UnitPrice"/></td></tr>');
grid.data("kendoGrid").thead.append(filterRow);

ここで例を見つけてください: http://jsfiddle.net/WrqmD/4/。列ヘッダーをドラッグ アンド ドロップするだけで、カスタム フィルターの行が並べ替えられていないことがわかります。

編集:

ところで、カスタム フィルターを追加するソリューションについては、 http ://www.kendoui.c​​om/forums/kendo-ui-web/grid/grid-header-filtering-row-that-c​​ontains-1-element- で説明しています。 for-each-column-in-grid-with-the-same-width.aspx

4

1 に答える 1