动态绑定多个Kendo ComboBox的数据源

时间:2015-12-17 09:43:27

标签: jquery performance combobox kendo-asp.net-mvc

我有一个页面,它有近100个KendoComboBox,每个都有不同的数据源。我希望通过使用" .BindTo(Model.Attribute.Value)"将每个组合框绑定到相应的数据源。

PFB我的cshtml代码:

 @Html.FormRow().AddContent(Html.Kendo().ComboBox()
                        .Enable(true)
                        .Name(ViewData["EnumAttrHierarchicalName"] + ".Attribute.WritedValue")
                        .HtmlAttributes(new
                        {
                            formedit = formEditVal
                        })
                        .Filter(FilterType.Contains)                  
                        .DataTextField("Text")
                        .DataValueField("Value")
                        .BindTo(Model.Attribute.Value)
                        .AutoBind(true)
                        .Value(Model.Attribute.WritedValue)
                        )

***Script 1:***
<script> 
        $(document).ready(function(){
            $("input[formedit]").kendoComboBox();
        });
</script>

***Script 2:***
<script>
     $(document).ready(function(){
         $('input[formedit]').each(function () {
             if ($(this).attr('formedit') == '') return;

             dropDownItems = $('#hidden' + $(this).attr('formedit')).val();
             var sharedDataSource = new kendo.data.DataSource(
             {
                 data: JSON.parse(dropDownItems),
                 dataType: "json"
             });

             $(this).kendoComboBox({
                 dataTextField: "Text",
                 dataValueField: "Value",
                 dataSource: sharedDataSource,
                 filter: "contains",
                 placeholder: "Please Select...",
                 suggest: true
            });

         });
     });
<script>

如果我使用&#34;脚本1&#34;,我没有将数据输入我的组合框。而如果我使用&#34;脚本2&#34;它花了这么多时间来呈现页面。

任何人都可以告诉我这个问题的最佳解决方案。

0 个答案:

没有答案