初学者要知道的几个GridView用法
2009-09-07 13:36
381 查看
1.自增列
2.排序
3.复选框全选js实现
4.鼠标经过改变行的颜色
5.加入单选框
要更深入,推荐
<asp:TemplateField HeaderText="自增列" FooterText="自增列"> <ItemTemplate> <%# (Container.DataItemIndex+1).ToString()%> </ItemTemplate> </asp:TemplateField>
2.排序
protected void GridView1_Sorting(object sender, GridViewSortEventArgs e) { if (sort == "Desc") { sort = "Asc"; } else { sort = "Desc"; } DataView dv = bll.getAllStudent().Tables[0].DefaultView; dv.Sort = e.SortExpression + " "+sort; this.GridView1.DataSource = dv; this.GridView1.DataBind(); }
3.复选框全选js实现
//创建复选框 <asp:TemplateField HeaderText="<input type='checkbox' id='chk' name='chk' onclick='checkJs(this.checked);' />全选" FooterText="全选"> <ItemTemplate> <input type="checkbox" id="checkboxname" name="checkboxname" value='<%# DataBinder.Eval(Container.DataItem, "id")%>' onclick='SingleCheckJs();' /> </ItemTemplate> </asp:TemplateField> //js处理事件 <mce:script language="javascript" type="text/javascript"><!-- // 判断多选是否与选中项(没有选中的返回false) function slcNo_click() { if (document.form1.checkboxname.length) { for (var i=0;i<document.form1.checkboxname.length;i++) { if(document.form1.checkboxname[i].checked) { return true; } } } else { if(document.form1.checkboxname.checked) { return true; } } alert("请选择后再操作!"); return false; } // 多选的全选与取消,此方法绑定在“全选”复选框上,<asp:TemplateField HeaderText="<input type='checkbox' id='chk' name='chk' onclick='checkJs(this.checked);' />全选" FooterText="全选"> function checkJs(boolvalue) { if(document.all.checkboxname.length>1) { for(var i=0;i<document.all.checkboxname.length;i++) { document.all.checkboxname[i].checked = boolvalue; } } else document.all.checkboxname.checked = boolvalue; } // 当被全选时,单个选后把“全选”复选框取消选择,此方法绑定在每个复选框上,<input type="checkbox" id="checkboxname" name="checkboxname" value='<%# DataBinder.Eval(Container.DataItem, "id")%>' onclick='SingleCheckJs();' /> function SingleCheckJs() { var flag1=false; var flag2=false; if (document.form1.checkboxname.length) { for (var i=0;i<document.form1.checkboxname.length;i++) { if(document.form1.checkboxname[i].checked) flag1 = true; else flag2 = true; } } else { if(document.form1.checkboxname.checked) flag1 = true; else flag2 = true; } if(flag1==true&&flag2==false) document.getElementById("chk").checked = true; else document.getElementById("chk").checked = false; } // --></mce:script> 获取选中的值: this.Label3.Text = Request.Form.Get("checkboxname"); 结果:1101 ,1102 ,1104 ,1105 ,1103 处理: string str=""; string []ckb=null; str=Request.Form.Get("checkboxname"); ckb=str.Split(new char[]{','}); Response.Write("直接在页面中得到的值为:"+str+"<br>"); Response.Write("处理后存放在数组中,如下:<br>"); for(int i=0;i<ckb.Length;i++) { Response.Write("ckb["+i+"]的值为:"+ckb[i]+"<br>"); } 结果: 1101 1102 1104 1105 1103
4.鼠标经过改变行的颜色
//js代码 <mce:script type="text/javascript"><!-- if (!objbeforeItem) { var objbeforeItem=null; var objbeforeItembackgroundColor=null; } function ItemOver(obj) { if(objbeforeItem) { objbeforeItem.style.backgroundColor = objbeforeItembackgroundColor; } objbeforeItembackgroundColor = obj.style.backgroundColor; objbeforeItem = obj; obj.style.backgroundColor = "#B9D1F3"; } // --></mce:script> //GridView事件 protected void gvNews_RowDataBound(object sender, GridViewRowEventArgs e) { //行头,尾,页码等过滤掉 if (e.Row.RowType.ToString() != DataControlRowType.Header.ToString()&&e.Row.RowType.ToString() != DataControlRowType.EmptyDataRow.ToString()&&e.Row.RowType.ToString() != DataControlRowType.Pager.ToString()&&e.Row.RowType.ToString()!= DataControlRowType.Footer.ToString() ) { e.Row.Attributes["onmouseover"] = "ItemOver(this)"; } }
5.加入单选框
<asp:TemplateField HeaderText="单选" FooterText="单选"> <ItemTemplate> <input type="radio" id="RadioName" name="RadioName" value='<%# Eval("PK_Id")%>' /> </ItemTemplate> </asp:TemplateField> 获取选中的值: this.Label2.Text=Request.Form.Get("RadioName"); 结果:1103
要更深入,推荐
关于GridView中自定义分页、单选、多选、排序、自增列的简单应用
相关文章推荐
- 分享几个Linux初学者一定要知道的5个学习网站
- [习题]给初学者的范例,多重字段搜寻引擎 for GridView,兼论 SqlDataSource与SelectParameter的用法
- 必须要知道的GridView用法(1)
- autocomplete的参数的几个用法说明
- gridview 编辑,删除,更新的用法
- 宏的几个绝妙用法
- Asp.net 2.0 GridView的几个事件(如实现: 行的双击/单击/捕捉键盘按键/鼠标悬浮/移出效果)(示例代码下载)
- GridView 18种用法
- 【转】wmsys.wm_concat的几个用法
- Gridview用法大总结(牛年珍藏版)
- struts2 ognl中几个标签方式用法
- Repeater DataList GridView的嵌套用法
- gridview 用法
- GridView的两点小用法
- JS产生随机数的几个用法详解
- ASP.net GridView基本用法
- CGRect常见用法和几个 CGRect 函数
- php中print_r、var_dump和var_export几个函数的用法区别
- ArcSDE初学者需要弄清楚的几个问题
- linux初学者必备..分享几个linux下载安装的链接(贴吧转的)