0

カスケード ドロップダウンリストがあり、(カスケードの下でも) 初期値を定義しようとすると、親が選択した値で ajax コントローラー メソッドを呼び出す代わりに、空白の値が渡されます。

私は最後の検索値を保存して int データベースに保存することができ、その画面に再び来た後、デフォルトで値が選択されるような要件があります。

すべてがJavascriptであるということは、値を保存する/取得してコントロールに適用することを意味します。

私のカスケードドロップダウンコード:

<div style="width: 400px; clear: both; float: left; position: relative; display: table-cell;">
                        <ul style="width: 450px; clear: both; float: none;">
                            <li>
                                <div class="editor-row">
                                    <div class="editor-label-short">Home Country</div>
                                    <div class="editor-field">
                                         @(Html.Kendo().DropDownList()
                                              .Name("HOME_COUNTRY_ID")
                                              .HtmlAttributes(new { style = "width:200px" })
                                              .OptionLabel("Select Home Country")
                                              .DataTextField("Text")
                                              .DataValueField("Value")
                                              .DataSource(source => source.Read(read => read.Action("GetCountryJSON", "Employee")))

                                               )
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="editor-row">
                                    <div class="editor-label-short">Home City</div>
                                    <div class="editor-field">
                                         @(Html.Kendo().DropDownList()
                                              .Name("HOME_CITY_ID")
                                              .HtmlAttributes(new { style = "width:200px" })
                                              .OptionLabel("Select Home City")
                                              .DataTextField("Text")
                                              .DataValueField("Value")
                                              .DataSource(source => source.Read(read => read.Action("GetCityByCountryJSON", "Employee")
                                                  .Data("getCountryId"))
                                                  .ServerFiltering(true))
                                              .AutoBind(false)
                                              .CascadeFrom("HOME_COUNTRY_ID")
                                              )
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>

ページの読み込みで値を割り当てる Javascript コードは、Dom の準備が整った後を意味します。

 function applyvaluetoControls() {
        setdefaultvaluestoControls();
        $.each(activeLayout.controls, function(index) {
            $.each(options.emementArray, function(innerindex) {
                if (options.emementArray[innerindex].attr("id") === activeLayout.controls[index]["id"]) {
                    if ((options.emementArray[innerindex]).is(':checkbox')) {
                        options.emementArray[innerindex].prop('checked', activeLayout.controls[index]["value"]);
                    } else {

                        if (options.emementArray[innerindex].attr("data-role") !== undefined && options.emementArray[innerindex].attr("data-role") === "dropdownlist") {

                           // console.log(options.emementArray[innerindex].data('kendoDropDownList'));

                            if (options.emementArray[innerindex].data('kendoDropDownList').options.cascadeFrom !== "") {
                                console.log($("#" + options.emementArray[innerindex].data('kendoDropDownList').options.cascadeFrom).val());
                                options.emementArray[innerindex].data('kendoDropDownList').dataSource.read({ CompanyId: $("#" + options.emementArray[innerindex].data('kendoDropDownList').options.cascadeFrom).val() });
                            options.emementArray[innerindex].data('kendoDropDownList').value(activeLayout.controls[index]["value"]);
                            } else {
                            options.emementArray[innerindex].data('kendoDropDownList').enable();
                                options.emementArray[innerindex].data('kendoDropDownList').value(activeLayout.controls[index]["value"]);
                            }
                            console.log(activeLayout.controls[index]["id"]);
                            console.log(activeLayout.controls[index]["value"]);

                        } else {
                            options.emementArray[innerindex].val(activeLayout.controls[index]["value"]);
                        }

                    }
                }
            });
        });
    }

コンソール ログ:

HOME_COUNTRY_ID // 親コントロール ID

322 // 親に値を設定する

     // Blank value when I am trying to read the value Parent Control (Country)

City : // 親はチリをトリガーしますが、値は空白 HOME_CITY_ID // 子 342 // 値

City : 322 // ループから抜けた後、親が選択した値で再び子を呼び出します

そして、子の最初に選択された値を一掃しています。

どんな助けでも大歓迎です!!

4

1 に答える 1

1

子ドロップダウンの例のこれらのプロパティを使用して、ドロップダウンに次のように指示しています。

.AutoBind(false) //<--Don't do any data retrieval until asked or clicked
.OptionLabel("Select Home City") //<--If the value is null display this and value will be "" 
.CascadeFrom("HOME_COUNTRY_ID") //<--Get my values using the DataValueField from this control and refresh when it changes

カスケードをオンにすると、次の架空のシナリオに似た構成が必要になるに違いありません。

親ドロップダウン構成

.Name("ddlParent")
.OptionLabel((@Model.ForceParentSelect) ? "" : "All Parents")
.Value(Model.ParentID.HasValue ? Model.ParentID.Value.ToString() : "")
.DataSource(source =>
    {
        source.Read(read =>
        {
            read.Action("GetParents", "Parent");
        });
    })

子ドロップダウン構成

<script>
    function filterChild{ return { ParentID: $("#ddlParent").val() }; }
</script>

.Name("ddlChild")
.OptionLabel((@Model.ForceChildSelect) ? "" : "All Childs")
.Value(Model.ChildID.HasValue ? Model.ChildID.Value.ToString() : "")
.AutoBind(Model.ParentID.HasValue)
.CascadeFrom(Model.ParentID.HasValue ? "" : "ddlParent")
.DataSource(source =>
    {
        source.Read(read =>
        {
            read.Action("GetChildren", "Child")
                .Data("filterChild");
        })            
    })
于 2014-03-20T20:58:24.093 に答える