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

Question

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

我想在"loading…"文本前面添加一个小的旋转。gif来指示活动。这可能吗?

你可以在示例源代码的"LoadCountries()" javascript函数中查看"loading"文本是在哪里设置的。

Answer 1

显示的文本实际上是一个文本框，尽管您无法通过查看它来了解它。所以，你不能注入图像。你能做的就是给它一个background-image:

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