在document.ready中未定義的組合框

Question

$(document).ready(function () { 
var combobox = $("#Id").data("kendoComboBox");
 combobox.dataSource.data(jsonData);
});

我正在嘗試為文檔上的組合框設置數據源，但是，我無法設置組合框始終未定義...

我在剃刀局部視圖中聲明了組合框。

        @(Html.Kendo().ComboBoxFor(model => model.Id)
        .HtmlAttributes(new { style = "width: 100%;" })
         )

comobo元素在那里...但是該組合的數據源未定義..所以我是否需要在加載時初始化數據源事件？ 我怎樣才能做到這一點？

Answer 1

在JavaScript中，變量的作用域是一個函數。 因此，您的var combobox僅在ready期間執行的函數內部可見。 將移動聲明和用法固定到相同的范圍：

$(function () { 
  var combobox = $("#combo").data("kendoComboBox");
  combobox.dataSource.data(jsonData);
});

要么：

$(function () { });
var combobox = $("#combo").data("kendoComboBox");
combobox.dataSource.data(jsonData);

還請注意，如果您在ready之前運行腳本，則.data("kendoComboBox")可能尚不可用。

Answer 2

Kendo組合框未包含在標准核心或Web軟件包中。

為了獲得對kendoComboBox的訪問權限。

Answer 3

嘗試這個：

 var combobox = $("#ID").data("kendoComboBox");
 combobox.dataSource.read();