用Kendo网格链接列过滤器

Question

How do you cause the dropdown values in the City column to filter based on which State is selected so that only the cities within that state are shown?

function cityFilter(element) {
    element.kendoDropDownList({
        dataSource: {
            transport: {
                read: "http://localhost:8888/City.php",
                dataType: "json"
            },
            schema: {
                data: "data"
            }
        },

        dataTextField:"City",
        dataValueField:"City",
        optionLabel: "--Select Value--"
    });
}

function stateFilter(element) {
    element.kendoDropDownList({
        dataSource: {
           transport: {
                read: "http://localhost:8888/State.php",
                dataType: "json"
            },
            schema: {
                data: "data"
            }
        },

        dataTextField:"State_Long",
        dataValueField:"State_Long",
        optionLabel: "--Select Value--"
    });
}

Answer 1

This is how I managed to do mine:

    function deviceFilter(element) {
    element.kendoDropDownList({
        dataTextField: "DeviceTypeName",
        dataValueField: "DeviceTypeName",
        dataSource: {
            transport: {
                read: "@Url.Action("DeviceTypes", "Device")"
            }
        },
        optionLabel: "--Select Value--",
        change: deviceFilterChange
    });
}

function deviceFilterChange() {
    var value = this.value(),
          grid = $("#DevicesRadGrid").data("kendoGrid");

    if (value) {
        grid.dataSource.filter({ field: "DeviceType", operator: "eq", value: value });
    } else {
        grid.dataSource.filter({});
    }
}