Telerik的rabcombobox - 如何設置的圖像加載組合框

Question

考慮下面的例子：http://demos.telerik.com/aspnet-ajax/combobox/examples/functionality/multiplecomboboxes/defaultcs.aspx

我想補充一個小紡紗.gif注意：在前面的「載入中...」的文字，表示活動。這可能嗎？

您可以查看示例源代碼的「LoadCountries（）」javascript函數，以查看「加載」文本的設置位置。

Answer 1

顯示的文本實際上是一個文本框，儘管通過查看它並不知道它。所以，你不能注入圖像。你能做的就是給它一個背景圖像：

var combo = $find("<%= MyCombo.ClientID %>"); 
combo.get_inputDomElement().style.backgroundImage = "url(loading.gif)"; 

這可能是最好創建一個類加載的，所以你可以進一步定義樣式：

.loading .rcbInput 
{ 
    background-image: url(loading.gif); 
    background-repeat: no-repeat; 
    padding-left: 20px; 
} 

然後應用它像這樣：

var combo = $find("<%= MyCombo.ClientID %>"); 
$telerik.$(combo.get_element()).addClass("loading"); 

類似地除去一次加載的類：

var combo = $find("<%= MyCombo.ClientID %>"); 
$telerik.$(combo.get_element()).removeClass("loading");