2010-04-20 70 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(); 处理提交按钮。