Kendo DropDownList从除dataTextField或dataValueField之外的json数据中获取元素

时间:2014-04-17 12:31:46

标签: javascript json kendo-ui telerik kendo-dropdown

所以我有两个下拉列表,我想从第二个下拉列表中获取另一个json属性,而不是归属于dataTextField或dataValueField的属性。 这是提到的下拉列表:

$("#campoFormLinha"+index).kendoDropDownList({

        optionLabel: "Campo",
        dataTextField: "name",
        dataValueField: "id",
        dataSource: {
            type: "json",
            serverFiltering:true,
            transport: {

                read:{
                    url:"${pageContext.request.contextPath}" + "/newlayout/mySearchesFormFieds.do",
                    data:function(){
                        return {formId: $("#dynamicFormLinha"+index).val()
                        };
                    }
                }
            }
        },
        cascadeFrom: "dynamicFormLinha"+index
    }).data("kendoDropDownList");

这是它返回的json:

  

[{ “ID”:9 “名称”: “Cliente”, “类型”: “STRING”},{ “ID”:10, “名称”: “Contribuinte”, “类型”: “STRING” },{ “ID”:11, “姓名”: “Facturação”, “类型”: “STRING”},{ “ID”:12, “名称”: “CONTA”, “类型”: “STRING”}, { “ID”:13, “名称”: “Factura”, “类型”: “STRING”},{ “ID”:14, “名称”: “勇气”, “类型”: “STRING”}]

假设所有这些,我想根据所选的选项获得type属性。

我该怎么做?

1 个答案:

答案 0 :(得分:3)

请尝试使用以下代码段。

<script type="text/javascript">
    function getSlectedItem() {
        var ddl = $("#color").data("kendoDropDownList");
        alert(ddl.dataSource.data()[ddl.selectedIndex - 1].type);
    }

    function onSelect(e) {
        alert(e.sender.dataSource.data()[e.item.index() - 1].type);
    }

    $(document).ready(function () {
        var data = [
                { text: "Black", value: "1", type: "string" },
                { text: "Orange", value: "2", type: "int" },
                { text: "Grey", value: "3", type: "string" }
            ];

        $("#color").kendoDropDownList({
            dataTextField: "text",
            dataValueField: "value",
            dataSource: data,
            optionLabel: "select",
            select: onSelect
        });
    });

</script>
  1. 在选择时,您将获得此项目的类型字段
  2. 点击按钮,您还将获得此项目的类型字段
  3. 如果有任何疑虑,请告诉我。