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

你可能感兴趣的:(datagrid)