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