如何使我的自定义过滤器行与列重新排序和列隐藏保持同步?我目前正在调查 Telerik kendo UI grid 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.com/forums/kendo-ui-web/grid/grid-header-filtering-row-that-contains-1-element-对于每个列在网格中与相同的宽度.aspx