0

我有一个小要求,即最初我想将本地数据源加载到 DropDownList。在更改 DropDownlist 时,我想加载服务器端数据源。如果可以的话。

4

1 回答 1

1

试试这个,

<div id='parentDiv'><div id='dropDown'></div></div>

<script type='text/javascript'>

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

                // create DropDownList from input HTML element
                $("#dropDown").kendoDropDownList({
                    dataTextField: "text",
                    dataValueField: "value",
                    dataSource: data,
                    index: 0,
                    change: onChange
                });

 function onChange(e)
 {

    var serachActionUrl="url";
    $.ajax({
        url: serachActionUrl,
        type: "POST",
        data: { Id: Id},
        traditional: true,
        success: function (result) {
         $('#dropDown').remove();
         $("<div id='dropDown'/>").appendTo('#parentDiv').kendoDropDownList({
              dataTextField: "text",
              dataValueField: "value",
              dataSource: result,
              index: 0,
              change: onChange
          });
        }
    });


</script>

从服务器端发送 json 数据

于 2014-04-10T07:19:11.420 回答