2011-01-08 36 views
0

gridviewのアイテムテンプレート内にあるテキストボックスをクリックするとonclickイベントが発生し、JavaScript関数が呼び出されますが、問題はアイテムテンプレートのテキストボックスにonclickイベントオプションがありません。 plz hel p私。javascript関数の呼び出し方法

<asp:GridView ID="GridView2" runat="server" AutoGenerateColumns="False" OnRowCommand="GridView2_RowCommand" 
       Width="100%" GridLines="None" 
       style="font-family: Tahoma; font-size: xx-small" Font-Names="Tahoma" 
       Font-Size="XX-Small"> 
       <Columns>  
        <asp:BoundField HeaderText="Status" DataField="Status" HeaderStyle-HorizontalAlign="Left" 
         ItemStyle-HorizontalAlign="Left"> 
         <HeaderStyle HorizontalAlign="Left"></HeaderStyle> 
         <ItemStyle HorizontalAlign="Left"></ItemStyle> 
        </asp:BoundField> 
        <asp:TemplateField HeaderText="Order" > 
        <ItemTemplate> 
        <asp:TextBox ID="TextBox1" Text='<%#Eval("ArticleOrder")%>' ReadOnly="true" 
          runat="server" Height="18px" Width="16px" onclick="hello();" > 
          </asp:TextBox> 
        </ItemTemplate>       
         <HeaderStyle HorizontalAlign="Left" /> 
        </asp:TemplateField> 
        <%--<asp:BoundField HeaderText="Order" DataField="ArticleOrder" HeaderStyle-HorizontalAlign="Center" 
         ItemStyle-HorizontalAlign="Center"> 
         <HeaderStyle HorizontalAlign="Center"></HeaderStyle> 
         <ItemStyle HorizontalAlign="Center"></ItemStyle> 
        </asp:BoundField>--%> 
        <asp:BoundField HeaderText="Title" DataField="ArticleTitle" HeaderStyle-HorizontalAlign="Left" 
         ItemStyle-HorizontalAlign="Left"> 
         <HeaderStyle HorizontalAlign="Left"></HeaderStyle> 
         <ItemStyle HorizontalAlign="Left"></ItemStyle> 
        </asp:BoundField> 
        <asp:TemplateField HeaderText="Edit" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center"> 
         <ItemTemplate> 
          <asp:ImageButton ID="ImageButtonedt" runat="server" ImageUrl="~/images/newspaper_go.png" 
           CommandName="edt" CommandArgument='<%#Eval("ArticleID")%>' /> 
         </ItemTemplate> 
         <HeaderStyle HorizontalAlign="Center"></HeaderStyle> 
         <ItemStyle HorizontalAlign="Center"></ItemStyle> 
        </asp:TemplateField> 
        <asp:TemplateField HeaderText="Delete" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center"> 
         <ItemTemplate> 
          <asp:ImageButton ID="ImageButtondel" runat="server" ImageUrl="~/images/newspaper_delete.png" 
           CommandName="del" OnClientClick='return confirm("Are you sure you want to delete ?");' CommandArgument='<%#Eval("ArticleID")%>' /> 
         </ItemTemplate> 
         <HeaderStyle HorizontalAlign="Center"></HeaderStyle> 
         <ItemStyle HorizontalAlign="Center"></ItemStyle> 
        </asp:TemplateField> 
       </Columns> 
      </asp:GridView> 

javascript関数:

hello() 
{ 
var divName = document.getElementById('div1'); 
     var divFade = document.getElementById('fade'); 
     divName.style.display = 'block'; 
     divFade.style.display = 'block'; 
} 
+0

いくつかのコードを投稿してみてください。 – jmort253

+0

plz私に解決策を教えてください –

+1

@Manu - 誰かがあなたに解決策を提供するためには、まず自分が達成しようとしていることと、あなたが試みたものを明確かつ簡潔に記述する必要があります。 – jmort253

答えて

1

カントあなたからのコードを教えて..しかし、もしあなたが関数としてあなたのJavaScript関数を定義する必要がある必要があり、まさにザッツ:

function hello() { 
    var divName = document.getElementById('div1');   
    var divFade = document.getElementById('fade');   
    divName.style.display = 'block';   
    divFade.style.display = 'block'; 
} 

、 'div1'と 'fade'はコードに定義されていません

+0

本当に答えは - 私はあなたが実証しようとしていることを理解していますが、これはコメントとしては良いでしょう。 –

+0

私は知っている..私はジェネリックasp.netとjavascript情報のためのいくつかのリンクを投稿しました..次にimmediatly FAQを言うためにそれを編集...私は 'いくつかのコードを持っていた今、 div1とfadeはgridviewのコードでは有効ではありません。そのため、スクリプトはいずれにしてもうまくいかないでしょう – CarpeNoctumDC

関連する問題