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");