GridView等组件绑定后台数据源列的绑定方法，onclick方法调用中含有Eval绑定如何调用js方法

来源：互联网发布：星际争霸2网络问题编辑：程序博客网时间：2024/05/29 10:05

在GridView的操作方法列中，存在利用onclick方法调用javascript方法并传入后台列数据做参数，其中的调用方法可以分成3种

1：html控件，使用html代码为主，按html代码直接书写，服务器代码只绑定数据，需要加单引号；

<a href="javascript:void(0)" onclick='editInfo(<%# DataBinder.Eval(Container.DataItem, "ID")%>)'>编辑</a>

2：html控件，使用服务器代码为主，在服务器代码进行绑定然后进行字符串组合，需要加单引号；

<a href="javascript:void(0)" onclick='<%#"delInfo( "+DataBinder.Eval(Container.DataItem, "ID")+")"%>'>删除</a>

3、ASP.Net控件，使用服务器代码，在服务器代码进行绑定然后进行字符串组合，不需要加单引号；

 <asp:LinkButton ID="linkDesign" runat="server" OnClientClick=<%#"linkInfo('"+DataBinder.Eval(Container.DataItem, "ID")+ "')"%> Text="界面设计"></asp:LinkButton>

总结：

<asp:TemplateField FooterText="" HeaderStyle-Width="200px" ItemStyle-HorizontalAlign="Center" HeaderText="操作">     <ItemTemplate>           <asp:LinkButton ID="linkDesign" runat="server" OnClientClick=<%#"linkInfo('"+DataBinder.Eval(Container.DataItem, "ID")+ "')"%> Text="界面设计"></asp:LinkButton>           <a href="javascript:void(0)" onclick='editInfo(<%# DataBinder.Eval(Container.DataItem, "ID")%>)'>编辑</a>           <a href="javascript:void(0)" onclick='<%#"delInfo( "+DataBinder.Eval(Container.DataItem, "ID")+")"%>'>删除</a>     </ItemTemplate></asp:TemplateField>

0 0