Cascading DropDownList GridView ObjectDataSource

Question

我的页面包含级联DDL和网格视图，它们工作在纯ajax中。从sqlDataSouce中获取数据的GridView，应用了以DDL值作为参数的存储过程。当我在DDL中选择value时，网格视图会更改它的数据，而不会刷新整个页面。

昨天我不得不更改存储过程，由于某种原因，sqlDataSource在获取数据时开始出现问题。

因此，在多次尝试之后，我终于尝试使用ObjectDataSource，它成功地正确运行了存储过程并获得了数据。但是现在，当我在DDL中选择值时，我得到了Page Error，并且GridView保持原样。

我能让它工作的是谁？(我搜索时没有找到令人满意的答案)非常感谢:-)

Answer 1

 cascading Country and state DDL
    @Html.DropDownListFor(model => model.CountryId, Model.CountryList, "--Select Country--", new { @class = "CountryList", style = "width:150px" })

     @Html.DropDownListFor(model => model.StateId, Model.StateList, "--Select State--", new { @class = "StateList", style = "width:150px" })

    <script type="text/javascript">
        $(document).ready(function () {
            $.post("/Client/GetModels", { id: $(".CountryList").val() }, function (data) {
                populateDropdown($(".StateList"), data);
            });
            $(".CountryList").change(function () {
                $.post("/Client/GetModels", { id: $(this).val() }, function (data) {
                    populateDropdown($(".StateList"), data);
                });
            });
        });

        function populateDropdown(select, data) {
            $(".StateList").empty();
            $.each(data, function (id, option) {
                $(".StateList").append("<option value='" + option.StateId + "'>" + option.State + "</option>");
            });
        }
    </script>