代码之家 › 专栏 › 技术社区 › Mark Allison

如何将jQuery UI按钮应用于ASP.NET中的html按钮?

button jquery-ui jquery asp.net c#

Mark Allison · 技术社区 · 14 年前

我有一个名为btnShowTradeScreenshot的按钮的GridView。GridView创建了许多按钮,我想对它应用jQuery按钮。这是我的相关GridView代码:

<asp:GridView 
    ID="grdTrades" 
    runat="server" 
    >            
    <Columns>            
        <asp:TemplateField HeaderText="Screenshot" >
            <ItemTemplate>
                <input name="btnShowTradeScreenshot" runat="server" visible='<%# Eval("screenshotId") != DBNull.Value %>' type="button" value='View...' onclick='<%# "ShowImageInNewPage(\"App_Handlers/ImageHandler.ashx?screenshotId=" + Eval("screenshotId") + "\")" %>' />
            </ItemTemplate>
        </asp:TemplateField>            
    </Columns>
</asp:GridView>

我正试图使用以下代码应用jQuery:

<script type="text/javascript">
    $(document).ready(function () { $("#<%= btnShowTradeScreenshot.ClientID %>").button(); });
</script>

什么也没发生,我得到了标准按钮,而不是jQuery按钮。当我查看页面源代码时,我注意到按钮的名称已被损坏,例如:

ctl00$contentMain$grdTrades$ctl05$ctl03

ctl00$contentMain$grdTrades$ctl10$ctl03 等

对如何将jQuery应用到我的所有按钮有什么想法吗?

谢谢。

3 回复 | 直到 14 年前

Klemen SlaviÄ 14 年前

您可以在按钮上使用类名,而不是依赖ClientID;这样就节省了JavaScript的长度,并且不需要绑定到每个特定的控件。

在JS中:

// equivalent to $(document).ready(function() {
$(function() {
  $('.customButton').button();
});

在ASP.NET中:

<input type="button" runat="server" class="customButton" .../>

另外,如果您的网格是AJAX绑定的网格,则 <input/> 将重新创建元素,您需要在网格上重新运行代码以应用样式:

$('#<%= grdTrades.ClientID %> .customButton').button();

Darin Dimitrov 14 年前

尝试改用名称选择器:

$('input[name$=btnShowTradeScreenshot]').button();

或者更好地将CSS类应用于输入,然后:

$('.button').button();

sh54 14 年前

创建了许多按钮,ASP将为它们生成不同的ID,以确保每个按钮都具有唯一的ID。由于$(“35;…”)旨在选择单个唯一标识的元素,因此不能使用它来选择多个按钮。

尝试$(':button')选择所有按钮对象。或者,您可以将每个按钮的类设置为ShowTradeScreenshot,然后使用$('.ShowTradeScreenshot')选择它们。

推荐文章

Robert King · Unity C#语法问题-转换位置

1 年前

JBryanB · 如何从基本抽象类访问类属性

1 年前

Anders Sewerin Johansen · 使用Moq提供一个利用mock的具体对象

1 年前

Community wiki · 基于两个参数在文本框中使用上下文键自动完成?

1 年前

Community wiki · SqlConnections,Parallel.For,一个旧的C#应用程序,初始化SqlConnections时随机挂起

1 年前

kling · LINQ生成的IEnumerable与原始列表之间的关系是什么?[副本]

1 年前

Adil15 · 以下方法和属性之间的调用不明确-Linq和MoreLinq

2 年前

law · 检查答案按钮的输入字符串格式不正确

2 年前

Laurian Avrigeanu · 如何执行嵌套的ContextMenu实现?

2 年前

i_sniff_ket · 在unity之外使用unity类

2 年前