如何将jQuery UI按钮应用于asp:按钮
如何将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
这是你如何做到这一点:以下内容添加到您的初始化函数:
$(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" }
});
可以应用jQuery用户界面按钮以许多不同的HTML元素:<一个>,< INPUT TYPE = “键” >等。
$(function() {
$("input[type=button]").button();
});
这将转换所有 < ASP:页面到jQuery UI的按钮上的按钮进行>秒。
遗憾的是它不正确应用的主题。任何想法或任何地方实施的例子都会有所帮助。 谢谢, Sashidhar Kokku – Sash 2010-07-08 21:35:40
我很确定jQuery UI可以很好地处理按钮输入以及任何其他元素。
你只需要选择所需的元素。
$(document).ready(function() {
$('#<%= Button1.UniqueID %>').click(function() {
// do something
});
});
您可以将样式分配给ASP.NET的按钮,然后用风格为选择器选择(原谅双关语)应用的jQuery按钮。例如,如果您设置该属性的CssClass你要修改的键=“特殊”,那么你会把下面的jQuery在你的页面:
$(function() {
$(".special").button();
});
希望有所帮助。
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();
处理提交按钮。
'$( “输入[ID $ = 'btnAwesome']”)' – ppumkin 2012-12-03 11:45:41