New to Kendo UI for jQuery? Start a free 30-day trial

CascadeFromField

configuration

Defines the field to be used to filter the data source. If not defined, it is set to a field with the same name as the parent's dataValueField option. Help topic showing how cascading functionality works

Note: As the dataItems of the dataSource inherit from the kendo.ObservableObject class and this class has a method named parent, setting the cascadeFromField to a field named "parent" is not supported.

cascadeFromField

String

<input id="parent" />
<input id="child" />
<script>
$("#parent").kendoComboBox({
    dataTextField: "name",
    dataValueField: "id",
    dataSource: [
        { name: "Parent1", id: 1 },
        { name: "Parent2", id: 2 }
    ]
});

$("#child").kendoComboBox({
    cascadeFrom: "parent",
    cascadeFromField: "parentId",
    dataTextField: "name",
    dataValueField: "id",
    dataSource: [
        { name: "Child1", id: 1, parentId: 1 },
        { name: "Child2", id: 2, parentId: 2 },
        { name: "Child3", id: 3, parentId: 1 },
        { name: "Child4", id: 4, parentId: 2 }
    ]
});
</script>