用於ASP.NET按鈕的jQuery UI按鈕樣式

Question

如何爲我的ASP.NET按鈕使用jQuery UI buttons style？我怎樣才能在我的皮膚或其他方式做到這一點？

Answer 1

你不能嘗試使用按鈕的CssClass屬性，並將其設置爲該按鈕的相關JQuery CSS類？

這可能是可能的工作 - 你可以驗證正確的jQuery的類是什麼，以及更新

<asp:Button ID="btnEnter" runat="server" Text="Jquery Asp Button" CssClass="ui-button ui-widget" /> 

編輯：

就想到了這一點，現在，但由於在，如果你是ASP的按鈕結果針對所有頁面上的提交按鈕

<input type="submit" name="btnEnter" value="Click me!" id="btnEnter"> 

你可以使用一些jQuery的它選擇所有在類型等於提交併應用Jquery的CSS類的輸入一舉突破。

我認爲這將是這樣的（語法未驗證）

$(":submit").addClass('ui-button ui-widget'); 

Answer 2

asp.net按鈕與正常的按鈕不同。款式是最好的辦法是這樣的：

<asp:button runat="server" ID="btnAspNet">Click me</asp:button> 

得到的asp.net按鈕正確的ID jQuery中

var btn = $('[id$=btnAspNet]'); 

添加從jQuery UI的

btn.addClass('Ui class name'); 

Answer 3

記住所有的ASP風格.net按鈕呈現爲提交，因此請添加以下腳本：

// All buttons  
$(":submit").addClass('ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only'); 

或

// A specific button 
$('#<%= button1.ClientID %>').addClass('ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only'); 

Answer 4

在JavaScript，爲添加按鈕類：

<script> 
    $(document).on('ready', function() { 
     document.getElementById('<%=btnCreate.ClientID%>').className = 'btn disabled'; 
    }); 
</script> 

在JavaScript，爲刪除按鈕類

<script> 
    $(document).on('ready', function() { 
     document.getElementById('<%=btnCreate.ClientID%>').className = ''; 
    }); 
</script> 

在ASP.NET代碼隱藏：

<asp:Button ID="btnCreate" runat="server" Text="Create Account" 
    Class="btn disabled" OnClick="btnCreate_Click" />