Telerik rabcombobox - Как установить изображение для загрузки комбинированных списков - PullRequest
Новая
       18

Telerik rabcombobox - Как установить изображение для загрузки комбинированных списков

0 голосов
/ 20 октября 2011

С учетом следующего примера: http://demos.telerik.com/aspnet-ajax/combobox/examples/functionality/multiplecomboboxes/defaultcs.aspx

Я хотел бы добавить небольшой вращающийся .gif перед текстом "loading ...", чтобы указать активность. Возможно ли это?

Вы можете посмотреть в функции JavaScript «LoadCountries ()» исходного кода примера, чтобы увидеть, где установлен текст «загрузки».

1 Ответ

1 голос
/ 20 октября 2011

Текст, который отображается, на самом деле является текстовым полем, хотя вы не узнаете его, посмотрев на него.Таким образом, вы не можете ввести изображение.Что вы можете сделать, это дать ему 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");
...