Как применить кнопки jQuery UI к asp: Button

Question

Как применить стили jQueryUI к кнопке asp:. Вот проблема: кнопка jqueryUI необходимо иметь следующий формат <button>Test button</button>

Когда я пытаюсь использовать элемент управления жерех кнопку сервера, <asp:Button />, жерех: кнопка визуализирует, как <input type=button>Test button </input>

Update: Я получаю стандарт кнопки, которые предоставляет jquery. Однако, когда я хочу сделать из него панель инструментов, например, в этом примере: http://jqueryui.com/demos/button/#toolbar, стандартная кнопка asp: Button не позволяет мне .... или, может быть, я что-то упустил. Спасибо заранее,

Sashidhar Kokku

Answer 1

Это, как вы это делаете: Добавьте следующие строки в функции инициализации:

$(function() { 
     //Converting asp buttons to html buttons 
     $('input:submit, input:reset').each(function() { 
      $(this).replaceWith('<button type="submit" name="' + $(this).attr('name') + '" class="' + $(this).attr('class') + '" id="' + $(this).attr('id') + '" >' + $(this).val() + '</button>'); 
     }); 

    //Adding button icons ..... 
    $(".createbutton").button({ 
    icons: { primary: "ui-icon-circle-plus" } 
    }); 

Answer 2

Вы можете использовать кнопку Jquery UI для ряда различных HTML-элементов: < >, < ввод типа = "кнопку" > и так далее.

$(function() { 
    $("input[type=button]").button(); 
}); 

Это будет конвертировать все < Asp: Кнопка > с на странице в кнопках JQuery UI.

Answer 3

Я уверен, что пользовательский интерфейс jQuery будет работать нормально с вводом кнопки, а также любым другим элементом.
Вам просто нужно выбрать нужный элемент.

Answer 4

$(document).ready(function() { 
$('#<%= Button1.UniqueID %>').click(function() { 

    // do something 
}); 

}); 

Answer 5

Вы можете назначить стиль кнопки ASP.NET, а затем использовать этот стиль, как селектор для селективного (простите за каламбур) применить кнопку JQuery. Например, если вы установите атрибут CssClass = «специальный» на кнопки, которые вы хотите изменить, то вы должны поместить следующий JQuery на странице:

$(function() { 
    $(".special").button(); 
}); 

Надежда, что помогает.

Answer 6

Кнопка JQuery UI виджет is capable of transforming следующие типы кнопок:

• <input type="button" />
• <input type="submit" />
• <button></button>

Поскольку управление делает первый тип HTML, вы можете включить на главной странице необходимо применить преобразование jQuery ко всем ASP.NE T кнопки:

$("input[type=button]").button(); 

Вы должны также $("input[type=submit]").button(); для обработки кнопок отправки.