zoukankan      html  css  js  c++  java
  • ASP.NET中的DataGrid控件示例

    ASP.NET中的DataGrid控件示例 Powered By:记得忘记

    关于DataGrid 的几点简单应用:
    1、有关checkbox的几个功能:全部选种、取消选种、没选中操作的检测等,这几个均使用js脚本实现。
    2、根据主键关键字进行查询,如果条件输入为空,则检索所有数据
    3、显示页面状态,第几页总共几页
    4、DataGrid 分页、根据输入的数字跳转到指定页
    5、DataGrid的正反双向排序
    6、DataGrid的删除、根据主键进行删除
    7、DataGrid的编辑、点击后弹出更新、取消按钮
    8、插入数据操作、通用BLL层实现
    9、DataGrid 根据复选框删除对应记录


    SugarcaneClassInfo.ascx:
      1<%@ Register TagPrefix="cc1" Namespace="BaseComponent" Assembly="BaseComponent" %>
      2<%@ Control Language="c#" AutoEventWireup="false" Codebehind="SugarcaneClassInfo.ascx.cs" Inherits="WebUI.Modules.BaseData.SugarcaneClassInfo" TargetSchema="http://schemas.microsoft.com/intellisense/ie5"%>
      3<script>
      4        //DataGrid单击行时改变颜色
      5        var oldrow;
      6        var newColor='#BDBD00';
      7        var oldColor;
      8
      9        function SelectRow(rowno)
     10        {    
     11        if (oldrow == null)
     12        {
     13        oldColor = document.all('row'+rowno).style.backgroundColor;
     14        document.all('row'+rowno).style.backgroundColor = newColor;
     15        }

     16        else
     17        {
     18        oldrow.style.backgroundColor = oldColor;
     19        oldColor = document.all('row'+rowno).style.backgroundColor;
     20        document.all('row'+rowno).style.backgroundColor = newColor;
     21        }

     22                
     23        oldrow = document.all('row'+rowno);
     24        }

     25        
     26        var checkFlag = true;
     27    function ChooseAll()
     28    {
     29       //if( !document.all("CheckAll").Checked ) // 全选 
     30       if( checkFlag ) // 全选 
     31      {
     32          var inputs = document.all.tags("INPUT");
     33          for (var i=0; i < inputs.length; i++// 遍历页面上所有的 input 
     34          {
     35            if (inputs[i].type == "checkbox" && inputs[i].id != "CheckAll" )
     36             {
     37                inputs[i].checked = true;
     38             }
         
     39          }

     40          checkFlag = false;
     41       }

     42       else  // 取消全选
     43       {
     44          var inputs = document.all.tags("INPUT");
     45          for (var i=0; i < inputs.length; i++// 遍历页面上所有的 input 
     46          {
     47             if (inputs[i].type == "checkbox" && inputs[i].id != "CheckAll" )
     48             {
     49                inputs[i].checked = false;
     50             }
         
     51          }

     52          checkFlag = true;
     53       }

     54    }

     55
     56        // <summary>
     57    // 让用户加以确认删除数据。
     58    // </summary>
     59    function DelRec()
     60    {
     61       var inputs = document.all.tags("input");
     62       var selectedLen = 0;
     63       forvar i=0;i < inputs.length; i ++)
     64       {
     65          if(inputs[i].type == "checkbox")
     66          {
     67             if( inputs[i].checked )
     68             {
     69                if(inputs[i].id != "CheckAll")
     70                {
     71                   selectedLen ++;
     72                }

     73             }

     74          }

     75       }

     76       if( selectedLen == 0 )
     77       {
     78          alert("请先选择您要删除的数据!");
     79         }

     80       else
     81       {
     82          var flag = confirm("您确定要删除所选择的这 " + selectedLen + " 条数据吗?");
     83          if(flag)
     84          {
     85             document.all("ibtnDel").click();  
     86          }

     87       }

     88    }

     89
     90
     91
    </script>
     92<P><FONT face="宋体">
     93        <TABLE class="TABLE" id="Table1" style="WIDTH: 771px; HEIGHT: 248px" cellSpacing="1" cellPadding="1"
     94            width="771" align="center" border="0">
     95            <TR>
     96                <TD>
     97                    <P>
     98                        <HR color="background" SIZE="1">
     99                        编号关键字:
    100                        <asp:textbox id="txtClassID" runat="server"></asp:textbox><asp:imagebutton id="ibtnSearch" runat="server" ImageUrl="../../Images/button_search.GIF"></asp:imagebutton>
    101                    【按编号关键字进行搜索】
    102                </TD>
    103            </TR>
    104            <TR>
    105                <TD style="HEIGHT: 16px">
    106                    <align="left">&nbsp;&nbsp; 品种名称:
    107                        <asp:textbox id="txtClassName" runat="server"></asp:textbox>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
    108                        价格:
    109                        <asp:textbox id="txtPrice" runat="server"></asp:textbox>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;备注:
    110                        <asp:textbox id="txtRemark" runat="server"></asp:textbox></P>
    111                </TD>
    112            </TR>
    113            <TR>
    114                <TD style="HEIGHT: 25px">
    115                    <align="right"><asp:imagebutton id="ibtnAdd" runat="server" ImageUrl="../../Images/button_add.gif"></asp:imagebutton><asp:imagebutton id="ibtnDel" runat="server" ImageUrl="../../Images/button_del.gif"></asp:imagebutton><asp:imagebutton id="ibtnCancel" runat="server" ImageUrl="../../Images/button_cancel.gif"></asp:imagebutton></P>
    116                </TD>
    117            </TR>
    118            <TR>
    119                <TD vAlign="top">
    120                    <DIV align="center"><asp:datagrid id="DataGrid1" runat="server" AllowSorting="True" AllowPaging="True" HorizontalAlign="Center"
    121                            PageSize="15" Width="100%" AutoGenerateColumns="False" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px"
    122                            BackColor="White" CellPadding="3">
    123                            <SelectedItemStyle Font-Bold="True" ForeColor="White" BackColor="#669999"></SelectedItemStyle>
    124                            <ItemStyle ForeColor="Black"></ItemStyle>
    125                            <HeaderStyle Font-Bold="True" HorizontalAlign="Center" ForeColor="White" BackColor="#6766CC"></HeaderStyle>
    126                            <FooterStyle ForeColor="#000066" BackColor="#6766CC"></FooterStyle>
    127                            <Columns>
    128                                <asp:TemplateColumn>
    129                                    <ItemStyle HorizontalAlign="Center"></ItemStyle>
    130                                    <HeaderTemplate>
    131                                        <INPUT id="CheckAll" onclick="ChooseAll()" type="checkbox" name="CheckAll">
    132                                    </HeaderTemplate>
    133                                    <ItemTemplate>
    134                                        <asp:CheckBox id="chkDel" runat="server"></asp:CheckBox>
    135                                    </ItemTemplate>
    136                                </asp:TemplateColumn>
    137                                <asp:HyperLinkColumn Target="_self" DataNavigateUrlField="ClassID" DataNavigateUrlFormatString="Default.aspx?Module=SugarcaneClassInfoDetail&amp;ClassID={0}&amp;Mode=edit"
    138                                    DataTextField="ClassID" SortExpression="ClassID" HeaderText="编号">
    139                                    <HeaderStyle Width="10%" CssClass="HEADERSTYLE"></HeaderStyle>
    140                                    <ItemStyle CssClass="ITEMSTYLEHYPERLINK"></ItemStyle>
    141                                </asp:HyperLinkColumn>
    142                                <asp:BoundColumn Visible="False" DataField="ClassID" SortExpression="ClassID" HeaderText="编号"></asp:BoundColumn>
    143                                <asp:BoundColumn DataField="ClassName" SortExpression="ClassName" HeaderText="品种名称">
    144                                    <HeaderStyle Width="30%"></HeaderStyle>
    145                                </asp:BoundColumn>
    146                                <asp:BoundColumn DataField="Price" SortExpression="Price" HeaderText="价格" DataFormatString="{0:F2}">
    147                                    <HeaderStyle Width="10%"></HeaderStyle>
    148                                </asp:BoundColumn>
    149                                <asp:BoundColumn DataField="Remark" HeaderText="备注">
    150                                    <HeaderStyle Width="28%"></HeaderStyle>
    151                                </asp:BoundColumn>
    152                                <asp:EditCommandColumn ButtonType="LinkButton" UpdateText="更新" CancelText="取消" EditText="编辑">
    153                                    <HeaderStyle Width="12%"></HeaderStyle>
    154                                </asp:EditCommandColumn>
    155                                <asp:ButtonColumn Text="&lt;div onclick=&quot;javascript:return confirm('确定删除吗?')&quot;&gt;删除&lt;/div&gt;"
    156                                    CommandName="Delete">
    157                                    <HeaderStyle Width="10%"></HeaderStyle>
    158                                </asp:ButtonColumn>
    159                            </Columns>
    160                            <PagerStyle Visible="False" HorizontalAlign="Left" ForeColor="#000066" BackColor="#EAEAEA" Mode="NumericPages"></PagerStyle>
    161                        </asp:datagrid></DIV>
    162                </TD>
    163            </TR>
    164            <TR>
    165                <TD><asp:label id="lblPageCount" runat="server"></asp:label><asp:label id="lblCurrentIndex" runat="server" Width="104px"></asp:label><asp:linkbutton id="btnFirst" onclick="PagerButtonClick" runat="server" Font-Name="verdana" Font-size="8pt"
    166                        CommandArgument="0" ForeColor="navy"></asp:linkbutton><asp:linkbutton id="btnPrev" onclick="PagerButtonClick" runat="server" Font-Name="verdana" Font-size="8pt"
    167                        CommandArgument="prev" ForeColor="navy"></asp:linkbutton><asp:linkbutton id="btnNext" onclick="PagerButtonClick" runat="server" Font-Name="verdana" Font-size="8pt"
    168                        CommandArgument="next" ForeColor="navy"></asp:linkbutton><asp:linkbutton id="btnLast" onclick="PagerButtonClick" runat="server" Font-Name="verdana" Font-size="8pt"
    169                        CommandArgument="last" ForeColor="navy"></asp:linkbutton><asp:label id="Label1" runat="server">跳转:</asp:label><asp:textbox id="go" Width="20px" BorderColor="#9999FF" BorderWidth="1px" BackColor="White" AutoPostBack="True"
    170                        OnTextChanged="goClick" Runat="server"></asp:textbox></TD>
    171            </TR>
    172        </TABLE>
    173    </FONT>
    174</P>
    175
  • 相关阅读:
    LeetCode 227. Basic Calculator II
    LeetCode 224. Basic Calculator
    LeetCode 103. Binary Tree Zigzag Level Order Traversal
    LeetCode 102. Binary Tree Level Order Traversal
    LeetCode 106. Construct Binary Tree from Inorder and Postorder Traversal
    LeetCode 105. Construct Binary Tree from Preorder and Inorder Traversal
    LeetCode 169. Majority Element
    LeetCode 145. Binary Tree Postorder Traversal
    LeetCode 94. Binary Tree Inorder Traversal
    LeetCode 144. Binary Tree Preorder Traversal
  • 原文地址:https://www.cnblogs.com/pingkeke/p/486809.html
Copyright © 2011-2022 走看看