2010-04-20 54 views
2

如何將jQueryUI樣式應用於asp:Button。這裏的問題是:jQueryUI的按鈕,需要你有以下格式<button>Test button</button>如何將jQuery UI按鈕應用於asp:按鈕

當我嘗試使用一個asp按鈕服務器控件,<asp:Button />,ASP:按鈕呈現爲<input type=button>Test button </input>

更新:我得到的標準jquery提供的按鈕樣式。然而,當我想製作一個工具欄時,就像在這個例子中:http://jqueryui.com/demos/button/#toolbar,標準的asp:Button讓我失望....或者我錯過了一些東西。 由於提前,

Sashidhar Kokku

回答

6

這是你如何做到這一點:以下內容添加到您的初始化函數:

$(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" } 
    }); 
+0

'$( 「輸入[ID $ = 'btnAwesome']」)' – ppumkin 2012-12-03 11:45:41

8

可以應用jQuery用戶界面按鈕以許多不同的HTML元素:<一個>,< INPUT TYPE = 「鍵」 >等。

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

這將轉換所有 < ASP:頁面到jQuery UI的按鈕上的按鈕進行>秒。

+0

遺憾的是它不正確應用的主題。任何想法或任何地方實施的例子都會有所幫助。 謝謝, Sashidhar Kokku – Sash 2010-07-08 21:35:40

0

我很確定jQuery UI可以很好地處理按鈕輸入以及任何其他元素。
你只需要選擇所需的元素。

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

    // do something 
}); 

}); 
4

您可以將樣式分配給ASP.NET的按鈕,然後用風格爲選擇器選擇(原諒雙關語)應用的jQuery按鈕。例如,如果您設置該屬性的CssClass你要修改的鍵=「特殊」,那麼你會把下面的jQuery在你的頁面:

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

希望有所幫助。

6

jQuery的UI按鈕控件is capable of transforming以下按鈕類型:

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

由於控制使得第一類型的HTML,您可以包括以下在您的母版頁中將jQuery變換應用於所有ASP.NE牛逼按鈕:

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

你也應該 $("input[type=submit]").button(); 處理提交按鈕。