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