Telerik rabcombobox - 如何设置加载组合框的图像

【问题标题】：Telerik rabcombobox - How to set an image for loading comboboxesTelerik rabcombobox - 如何设置加载组合框的图像
【发布时间】：2011-10-20 18:35:10
【问题描述】：

给出以下示例：http://demos.telerik.com/aspnet-ajax/combobox/examples/functionality/multiplecomboboxes/defaultcs.aspx

我想在“正在加载...”文本前添加一个小的旋转 .gif 以指示活动。这可能吗？

您可以查看示例源代码的“LoadCountries()”javascript 函数以查看“正在加载”文本的设置位置。

【问题讨论】：

标签： javascript telerik radcombobox rad-controls

【解决方案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");

【讨论】：