如何在項目模板中的按鈕上觸發JavaScript

當我點擊Gridview的項目模板內的按鈕，然後onclientclick事件應該觸發，然後調用JavaScript函數，但我的問題是沒有onclientclick事件是在項目模板按鈕。如何在項目模板中的按鈕上觸發JavaScript

<%@ Page Language="C#" AutoEventWireup="true" EnableEventValidation="false" CodeFile="Default.aspx.cs" 
    Inherits="_Default" %> 

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title>Untitled Page</title> 
    <style type="text/css"> 
     .dvBroker 
     { 
      display: none; 
      position: absolute; 
      left: 0; 
      top: 0; 
      height: 100%; 
      width: 100%; 
      background-image: url(image/broker_bg.png); 
      background-repeat: repeat; 
     } 
     .collection_heading2 
     { 
      font-family: verdana; 
      font-size: 12px; 
      font-weight: bold; 
      color: #000000; 
      background-image: url(image/gray_bg.gif); 
      background-repeat: repeat-x; 
      height: 20px; 
      width: 386px; 
      margin-left: 30%; 
      margin-top: 50px; 
      padding: 7px 7px 0px 7px; 
      border: 3px solid #000000; 
      border-bottom: none; 
      text-align: center; 
     } 
     .broker_window 
     { 
      border: 3px solid #000000; 
      height: 250px; 
      overflow: auto; 
      width: 400px; 
      background-color:White; 
      margin-left: 30%; 
      border-top: none; 
      padding-top: 10px; 
      text-align: left; 
     } 
    </style> 
</head> 
<body> 

    <script type="text/javascript" language="javascript"> 
    function Show() 
    { 
    document.getElementById("dvStage").style.display='block'; 
    return false; 
    }  
    function Close() 
    { 
    document.getElementById("dvStage").style.display='none'; 
    return false; 
    } 

    </script> 

    <form id="form1" runat="server"> 
    <asp:ScriptManager ID="sc1" runat="server" EnablePartialRendering="true"> 
    </asp:ScriptManager> 
    <div> 
     <asp:Label ID="lblmsg" runat="server" ForeColor="#FF3300"></asp:Label> 
     <asp:LinkButton ID="lbnaddnewcharge" runat="server" OnClientClick="return Show();" 
      Text="Show"></asp:LinkButton> 
    </div> 
    <div> 
     ROLL NO:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
     <asp:TextBox ID="txtrollno" runat="server"></asp:TextBox> 
     <div> 
      STUDENT NAME:&nbsp; 
      <asp:TextBox ID="txtname" runat="server"></asp:TextBox> 
      &nbsp;&nbsp;&nbsp; 
      <asp:Button ID="Button1" runat="server" Text="ADD" BorderStyle="Ridge" OnClick="btnadd_Click" /></div> 
     <asp:GridView ID="gvstudent" runat="server" AutoGenerateColumns="False" Width="857px" 
      OnRowDataBound="gvstudent_RowDataBound" OnSelectedIndexChanged="gvstudent_SelectedIndexChanged1"> 
      <Columns> 
       <asp:BoundField HeaderText="ROLL NO" DataField="roll_no" /> 
       <asp:BoundField HeaderText="NAME" DataField="name" /> 
       <asp:BoundField HeaderText="TOTAL" DataField="total" /> 
       <asp:BoundField HeaderText="STATUS" DataField="status" /> 
       <asp:TemplateField> 
        <ItemTemplate> 
         <asp:Button CommandName="Click" ID="btnclick" OnCommand="btnclick_Click" CommandArgument='<%#Eval("roll_no") %>' 
          OnClientClick="return Show('aspnetForm','[gvstudent]');" runat="server" Text="Click" /> 
        </ItemTemplate> 
       </asp:TemplateField> 
      </Columns> 
     </asp:GridView> 
    </div> 
    <div id="dvstage" class="dvBroker"> 
     <div class="collection_heading2"> 
      <div style="float: left"> 
       SUBJECT 
      </div> 
      <div style="float: right"> 
       <asp:ImageButton ID="btnclose" runat="server" ImageUrl="~/image/delete.png" OnClientClick="return Close();" /> 
      </div> 
     </div> 
     <div class="broker_window"> 
      <asp:UpdatePanel ID="up1" runat="server" UpdateMode="Conditional"> 
       <ContentTemplate> 
        <asp:PopupControlExtender ID="PopupControlExtender1" runat="server" TargetControlID="gvchild" 
         PopupControlID="btnclick" Position="Center"> 
        </asp:PopupControlExtender> 
        <asp:GridView ID="gvchild" OnRowDataBound="gvChild_RowDataBound" runat="server" AutoGenerateColumns="false" 
         EmptyDataText="NO Row in grid view"> 
         <Columns> 
          <asp:BoundField HeaderText="Subject" DataField="subject_name" /> 
          <asp:TemplateField> 
           <ItemTemplate> 
            <asp:TextBox ID="txtsubject" runat="server" Text='<%#Bind("marks") %>'></asp:TextBox></ItemTemplate> 
          </asp:TemplateField> 
         </Columns> 
        </asp:GridView> 
        <asp:Button ID="btnaddchild" runat="server" Text="ADD" OnClick="btnaddchild_Click" />&nbsp; 
        <asp:Button ID="btncancle" runat="server" Text="CANCLE" OnClick="btncancle_Click1" /> 
       </ContentTemplate> 
      </asp:UpdatePanel> 
     </div> 
    </div> 
    </form> 
</body> 
</html>

來源

2011-07-13 gaurav

你可以發表一些你的代碼。你如何將onclick事件綁定到按鈕？ –

可以告訴我們你的代碼 –

你可以給我們代碼嗎？ –

使用客戶端框架，如jQuery。不要將所有onclick客戶端事件內聯。它膨脹了你的標記，而且很難保持。綁定事件，例如http://api.jquery.com/bind和/或http://api.jquery.com/live。

由於它的ASP.NET WebForms，您的HTML元素id屬性被呈現爲服務器控件的ClientID屬性，所以如果這會導致您獲取對通過id使用jQuery選擇器將事件綁定到元素的元素的引用的問題，使用jQuery的選擇器，http://api.jquery.com/category/selectors。

例如

$("input[id$='btnClose'").live("click", function(event) { 
     $("#dvStage").hide(); 
     event.stopPropagation(); 
}); 

$("a[id$='lbnaddnewcharge']").live("click", function(event) { 
      $("#dvStage").show(); 
      event.stopPropagation(); 
    });

來源

2011-08-24 13:26:05 nickytonline

如何在項目模板中的按鈕上觸發JavaScript

回答

相關問題