• gridview中动态绑定lingkbutton


    gridview中动态绑定lingkbutton

    关键词:c# gridview 数据绑定 

    学习过程中遇到从数据库中绑定数据到gridview,在后台获取到一个datatable之后前台需对应的绑定其中的某几个字段,还有就是有些特殊字段,比如网址,我们希望可以出现链接,这通过前台的设置就可以实现,代码如下:

        <asp:GridView ID="gvList_PostList" runat="server" Width="100%" AutoGenerateColumns="False"

        ShowHeaderWhenEmpty="true" 

        OnSelectedIndexChanged="AspNetPager1_PageChanged" DataKeyNames="PostId">

        <Columns>

            <asp:TemplateField HeaderText="选择">

                <HeaderTemplate>

                    <input id="chkAll" onclick="checkAllCB_Enabled('gvList_PostList', this);" type="checkbox" />

                </HeaderTemplate>

                <ItemTemplate>

                    <asp:CheckBox ID="chkOne" runat="server" AutoPostBack="False" />

                </ItemTemplate>

                <HeaderStyle HorizontalAlign="left" Width="20px" />

                <ItemStyle HorizontalAlign="left" />

            </asp:TemplateField>

            <asp:BoundField DataField="WebSite" HeaderText="发帖网站">

                <HeaderStyle HorizontalAlign="Center" Width="120px" />

                <ItemStyle HorizontalAlign="Center" />

            </asp:BoundField>

            <asp:TemplateField  HeaderText="发帖网址">

                <ItemTemplate>

                    <a href='<%#Eval("WebsiteInfo") %>' target="_blank"><%#Eval("WebsiteInfo") %></a>

                </ItemTemplate>

                 <HeaderStyle HorizontalAlign="Center" Width="120px" />

                <ItemStyle HorizontalAlign="Center" />

            </asp:TemplateField>

        </Columns>

    </asp:GridView>

    其中第一列是绑定的一个checkbox,第二例绑定的后台datatable中的WebSite字段的值,第三列是绑定的后台datatable中的WebsiteInfo字段的值,并将其做成一个链接。点击后可以跳出新的页面。

     

  • 相关阅读:
    flex space-between最后一行对齐问题的解决方案
    如何在父级下访问v-slot的值——vuejs
    flex下省略号的问题解决
    Typescript使用字符串联合类型代替枚举类型
    flex三个对齐属性的记忆方式
    JS中的slice()和splice()的区别以及记忆方式
    JS中的call,apply和bind及记忆方式
    Vue 还是 React 还是 Angular ?
    利用ES6的Promise.all实现至少请求多长时间
    .net core <environment> 不起作用
  • 原文地址:https://www.cnblogs.com/happyfish78/p/3273588.html
Copyright © 2020-2023  润新知