0

この問題を広範囲に調査しましたが、何が問題なのかわかりません。私が持っているページに MVC4 と Jquery を使用してカスケード ドロップダウンを実装しようとしていますが、オンラインで使用するソリューションに関係なく、ActionResult パラメーターは常に null です。

うまく呼び出されるJavascriptは次のとおりです。

<script type="text/javascript">
$('.clientnames').on('change', function (e) {

    // Retrieve the filter url from the data-filter-url attribute
    var filterUrl = $(this).attr('data-filter-url');

    // Grab the id of the selected item
    var selectedId = $(this).val();
    window.alert("filterurl:" + filterUrl + "    selectedID:" + selectedId);

    // Grab the container that should be updated
    var updateContainer = $(this).attr('data-update-container');

    // Grab the id of new dropdown
    var dataUpdateId = $(this).attr('data-update-id');

    var completeUrl = filterUrl + selectedId;

    $.get(completeUrl, function (r) {

        // Load Partial View using the URL from the data-filter-url attribute
        $(updateContainer).html(r);

        // This would be used if you wanted to trigger the new dropdown to filter another
        if (dataUpdateId != null) {
            // Trigger the change event after it is loaded
            $(dataUpdateId).trigger('change');
        }
    });
});

コントローラー関数、これは呼び出されていますが、値が正常に渡されませんでした:

 public ActionResult ImportList(string selectedId)
     {
         //DO COOL STUFF
     }

そしてビュー：

 @Html.DropDownListFor(model => model.Clients.DropdownItems, 
         new SelectList(Model.Clients.DropdownItems, "ItemID","ItemName"),
                        new
                        {
                            @class = "clientnames",
                            data_filter_url = Url.Content("~/import/importlist/"),
                            data_update_container = ".dropdown-container",
                            data_update_id = "#SecondItemID"
                        }
)

このページのアドバイスにほぼ従っています: http://www.sidecreative.com/Blog/Entry/Cascading-dropdown-lists-with-MVC4-and-jQuery

いくつかの異なる解決策を試しましたが、値は常に null のままです。私はMVCとJqueryにかなり慣れていないので、アドバイスをいただければ幸いです。

4

1 に答える 1