DevExpress GridView-单元格/列的自定义筛选功能

如何为列或单元格定义自定义筛选函数？作为一个例子，假设我们有一个文本值，并且在标题中有一个搜索输入

如何告诉gridview调用函数

class组件{
受保护的doSomeFilter（值：字符串，搜索查询：字符串）{
if（某些条件（值、搜索查询））{
返回true；
}
返回false；
}
}

我希望这样使用它：

---

但是GridView不支持

customFilter

方法，并且没有类似的功能。你知道如何在devexpress中实现这种定制过滤吗？看起来很简单，但我已经为此奋斗了好几个小时。提前感谢。

此示例演示如何使用过滤器面板过滤数据。可以使用其复选框启用/禁用当前过滤器表达式，然后单击此表达式打开集成过滤器生成器。请注意，对它所做的更改反映在筛选器行和标题筛选器中，反之亦然，从（）开始，请参见以下内容：

$("#gridContainer").dxDataGrid({
        dataSource: orders,
        columnsAutoWidth: true,
        filterRow: { visible: true },
        filterPanel: { visible: true },
        headerFilter: { visible: true },
        filterValue: [["Employee", "=", "Clark Morgan"], "and", ["OrderDate", "weekends"]],
        filterBuilder: {
            customOperations: [{
                name: "weekends",
                caption: "Weekends",
                dataTypes: ["date"],
                icon: "check",
                hasValue: false,
                calculateFilterExpression: function() {
                    return [[getOrderDay, "=", 0], "or", [getOrderDay, "=", 6]];
                }
            }]
        },
        filterBuilderPopup: {
            position: { of: window, at: "top", my: "top", offset: { y: 10 } },
        },
        scrolling: { mode: "infinite" },
        showBorders: true,
        columns: [{
            caption: "Invoice Number",
            dataField: "OrderNumber",
            dataType: "number",
            headerFilter: {
                groupInterval: 10000
            }
        }, {
            dataField: "OrderDate",
            dataType: "date"
        }, {
            dataField: "SaleAmount",
            dataType: "number",
            format: "currency",
            editorOptions: {
                format: "currency",
                showClearButton: true
            },
            headerFilter: {
                dataSource: [ {
                    text: "Less than $3000",
                    value: ["SaleAmount", "<", 3000]
                }, {
                    
                    text: "$3000 - $5000",
                    value: [["SaleAmount", ">=", 3000], ["SaleAmount", "<", 5000]]
                }, {
                    
                    text: "$5000 - $10000",
                    value: [["SaleAmount", ">=", 5000], ["SaleAmount", "<", 10000]]
                }, {
                    
                    text: "$10000 - $20000",
                    value: [["SaleAmount", ">=", 10000], ["SaleAmount", "<", 20000]]
                }, {                    
                    text: "Greater than $20000",
                    value: ["SaleAmount", ">=", 20000]
                }]
            }
        }, {
            dataField: "Employee",
            dataType: "string"
        }, {
            caption: "City",
            dataField: "CustomerInfo.StoreCity",
            dataType: "string"
        }, {
            caption: "State",
            dataField: "CustomerInfo.StoreState",
            dataType: "string"
        }]
    });

另请参阅此链接（dxDataGrid-如何实现日期字段的自定义筛选器）：

有关DevExtreme的演示，请参见以下内容：

---

谢谢，但仍然不清楚如何使用我的

doSomeFilter

方法？

$("#gridContainer").dxDataGrid({
    dataSource: employees,
     filterRow: {
        visible: true,
        applyFilter: "auto"
    },
    groupPanel:{
      visible: true
    },
    searchPanel: {
        visible: true,
        width: 240,
        placeholder: "Search..."
    },
    headerFilter: {
        visible: true
    },
    paging: {
        enabled: false
    },
    editing: {
        mode: "form",
        allowUpdating: true
    },
    columns: [
        {
            dataField: "Prefix",
            caption: "Title",
            width: 70
        },
        "FirstName",
        "LastName", {
            dataField: "Position",
            width: 170
        }, {
            dataField: "StateID",
            caption: "State",
            width: 125,
            lookup: {
                dataSource: states,
                displayExpr: "Name",
                valueExpr: "ID"
            }
        }, {
            dataField: "BirthDate",
            dataType: "date"
        }
    ]
});