Question

嗨，我有一个包含国家和州详情的剑道网格。我有一个带添加按钮的工具栏。当我点击添加新按钮时，我会看到一个包含国家和州下拉列表的弹出窗口。现在我想选择国家然后选择国家。但在这里我想根据国家选择加载状态。这是我的示例代码。它不起作用。

function loadStates(element) {

// here I want to update below model
StateModel.StatesByCountry

something like this.
        StateModel.LoadStatesByCountry($(element).val(), function () {

        });

    }

    <script id="popup_editor" type="text/x-kendo-template">
         <div class="k-edit-label">
                        <label for="Country">Country</label>
                    </div>


                    <input name="CntryName" 
                        data-bind="value:CntryName"
                        data-value-field="Value" 
                        data-text-field="Text" 
                        data-source= CountryModel.AllCountries
                        data-role="dropdownlist"
                        onChange="loadStates(this)"
                 />


        <div class="k-edit-label">
                        <label for="State">State</label>
                    </div>
                    <input name="StateName" 
                        data-bind="value:StateName" 
                        data-value-field="StateID" 
                        data-text-field="StateName" 
                        data-source=StateModel.StatesByCountry 
                        data-role="dropdownlist"     />
    </script>

Answer 1

每次选择国家/地区时，您都可以过滤可用状态，因此您无需在下次弹出窗口中关注它。

请参阅此处的示例http://docs.kendoui.com/api/framework/datasource#methods-filter

在kendo mvvm中动态刷新数据源

1 个答案: