史上最全GridView使用方法.docx
- 文档编号:4103785
- 上传时间:2022-11-27
- 格式:DOCX
- 页数:50
- 大小:303.89KB
史上最全GridView使用方法.docx
《史上最全GridView使用方法.docx》由会员分享,可在线阅读,更多相关《史上最全GridView使用方法.docx(50页珍藏版)》请在冰豆网上搜索。
史上最全GridView使用方法
史上最全GridView使用方法
快速预览:
GridView无代码分页排序
GridView选中,编辑,取消,删除
GridView正反双向排序
GridView和下拉菜单DropDownList结合
GridView和CheckBox结合
鼠标移到GridView某一行时改变该行的背景色方法一
鼠标移到GridView某一行时改变该行的背景色方法二
GridView实现删除时弹出确认对话框
GridView实现自动编号
GridView实现自定义时间货币等字符串格式
GridView实现用“...”代替超长字符串
GridView一般换行与强制换行
GridView显示隐藏某一列
GridView弹出新页面/弹出新窗口
GridView固定表头(不用javascript只用CSS,2行代码,很好用)
GridView合并表头多重表头无错完美版〔以合并3列3行举例〕
GridView突出显示某一单元格〔例如金额低于多少,分数不及格等〕
GridView加入自动求和求平均值小计
GridView数据导入Excel/Excel数据读入GridView
在对GridView编辑的时候实现自动计算
实现类似winform的点击行选中功能
GridView在编辑的时候控制编辑框的列宽。
给Gridview加入Tooltip的功能
:
效果图:
1.AllowSorting设为True,aspx代码中是AllowSorting="True";
2.默认1页10条,如果要修改每页条数,修改PageSize即可,在aspx代码中是PageSize="12"。
3.默认的是单向排序的,右击GridView弹出“属性”,选择AllowSorting为True即可。
2.GridView选中,编辑,取消,删除:
效果图:
后台代码:
你可以使用sqlhelper,本文没用。
代码如下:
usingSystem;
usingSystem.Data;
usingSystem.Configuration;
usingSystem.Web;
usingSystem.Web.Security;
usingSystem.Web.UI;
usingSystem.Web.UI.WebControls;
usingSystem.Web.UI.WebControls.WebParts;
usingSystem.Web.UI.HtmlControls;
usingSystem.Data.SqlClient;
publicpartialclass_Default:
System.Web.UI.Page
{
//清清月儿
SqlConnectionsqlcon;
SqlCommandsqlcom;
stringstrCon="DataSource=(local);Database=数据库名;Uid=帐号;Pwd=密码";
protectedvoidPage_Load(objectsender,EventArgse)
{
if(!
IsPostBack)
{
bind();
}
}
protectedvoidGridView1_RowEditing(objectsender,GridViewEditEventArgse)
{
GridView1.EditIndex=e.NewEditIndex;
bind();
}
//删除
protectedvoidGridView1_RowDeleting(objectsender,GridViewDeleteEventArgse)
{
stringsqlstr="deletefrom 表whereid='"+GridView1.DataKeys[e.RowIndex].Value.ToString()+"'";
sqlcon=newSqlConnection(strCon);
sqlcom=newSqlCommand(sqlstr,sqlcon);
sqlcon.Open();
sqlcom.ExecuteNonQuery();
sqlcon.Close();
bind();
}
//更新
protectedvoidGridView1_RowUpdating(objectsender,GridViewUpdateEventArgse)
{
sqlcon=newSqlConnection(strCon);
stringsqlstr="update表set字段1='"
+((TextBox)(GridView1.Rows[e.RowIndex].Cells[1].Controls[0])).Text.ToString().Trim()+"',字段2='"
+((TextBox)(GridView1.Rows[e.RowIndex].Cells[2].Controls[0])).Text.ToString().Trim()+"',字段3='"
+((TextBox)(GridView1.Rows[e.RowIndex].Cells[3].Controls[0])).Text.ToString().Trim()+"'whereid='"
+GridView1.DataKeys[e.RowIndex].Value.ToString()+"'";
sqlcom=newSqlCommand(sqlstr,sqlcon);
sqlcon.Open();
sqlcom.ExecuteNonQuery();
sqlcon.Close();
GridView1.EditIndex=-1;
bind();
}
//取消
protectedvoidGridView1_RowCancelingEdit(objectsender,GridViewCancelEditEventArgse)
{
GridView1.EditIndex=-1;
bind();
}
//绑定
publicvoidbind()
{
stringsqlstr="select*from表";
sqlcon=newSqlConnection(strCon);
SqlDataAdaptermyda=newSqlDataAdapter(sqlstr,sqlcon);
DataSetmyds=newDataSet();
sqlcon.Open();
myda.Fill(myds,"表");
GridView1.DataSource=myds;
GridView1.DataKeyNames=newstring[]{"id"};//主键
GridView1.DataBind();
sqlcon.Close();
}
}
前台主要代码:
......
GridViewID="GridView1"runat="server"AutoGenerateColumns="False"CellPadding="4" ForeColor="#333333"GridLines="None"OnRowDeleting="GridView1_RowDeleting"OnRowEditing="GridView1_RowEditing" OnRowUpdating="GridView1_RowUpdating"OnRowCancelingEdit="GridView1_RowCancelingEdit"> BoundFieldDataField="身份证号码"HeaderText="用户ID"ReadOnly="True"/> BoundFieldDataField=""HeaderText="用户"/> BoundFieldDataField="职工性别"HeaderText="性别"/> BoundFieldDataField="家庭住址"HeaderText="家庭住址"/> CommandFieldHeaderText="选择"ShowSelectButton="True"/> CommandFieldHeaderText="编辑"ShowEditButton="True"/> CommandFieldHeaderText="删除"ShowDeleteButton="True"/> GridView> 3.GridView正反双向排序: 〔用到数据库视图DATAVIEW及GRIDVIEW的VIEWSTAT类〕 效果图: 点各2次的排序,点其他也一样可以。 后台代码: usingSystem; usingSystem.Data; usingSystem.Configuration; usingSystem.Collections; usingSystem.Web; usingSystem.Web.Security; usingSystem.Web.UI; usingSystem.Web.UI.WebControls; usingSystem.Web.UI.WebControls.WebParts; usingSystem.Web.UI.HtmlControls; usingSystem.Data.SqlClient; publicpartialclassDefault3: System.Web.UI.Page { //清清月儿的博客 SqlConnectionsqlcon; stringstrCon="DataSource=(local);Database=北风贸易;Uid=sa;Pwd="; protectedvoidPage_Load(objectsender,EventArgse) { if(! IsPostBack) { //viewstate: 服务器控件的视图状态为其所有属性值的累计。 为了在请求间保留这些值,ASP.NET服//务器控件使用该属性〔它是StateBag类的实例〕来存储属性值。 在处理后续请求时,该值随//即作为变量传递给HTML隐藏输入元素。 ViewState["SortOrder"]="身份证号码"; ViewState["OrderDire"]="ASC"; bind(); } } protectedvoidGridView1_Sorting(objectsender,GridViewSortEventArgse) { stringsPage=e.SortExpression; if(ViewState["SortOrder"].ToString()==sPage) { if(ViewState["OrderDire"].ToString()=="Desc") ViewState["OrderDire"]="ASC"; else ViewState["OrderDire"]="Desc"; } else { ViewState["SortOrder"]=e.SortExpression; } bind(); } publicvoidbind() { stringsqlstr="selecttop5*from飞狐工作室"; sqlcon=newSqlConnection(strCon); SqlDataAdaptermyda=newSqlDataAdapter(sqlstr,sqlcon); DataSetmyds=newDataSet(); sqlcon.Open(); myda.Fill(myds,"飞狐工作室"); //DATAVIEW类实现了视图功能,可以在视图中对得出的表进行编辑 //DATATABLE类实现了表功能,可以在表里构造我们想要的数据 DataViewview=myds.Tables["飞狐工作室"].DefaultView; stringsort=(string)ViewState["SortOrder"]+""+(string)ViewState["OrderDire"]; view.Sort=sort; //数据库中的数据可以经过视图组织之后再承现给GV GridView1.DataSource=view; GridView1.DataBind(); sqlcon.Close(); } } 前台主要代码: GridViewID="GridView1"runat="server"AllowSorting="True"AutoGenerateColumns="False" CellPadding="3"Font-Size="9pt"OnSorting="GridView1_Sorting"BackColor="White"BorderColor="#CCCCCC"BorderStyle="None"BorderWidth="1px"> BoundFieldDataField="身份证号码"HeaderText="用户ID"SortExpression="身份证号码"/> BoundFieldDataField=""HeaderText="用户"SortExpression=""/> BoundFieldDataField="职工性别"HeaderText="性别"SortExpression="职工性别"/> BoundFieldDataField="家庭住址"HeaderText="家庭住址"SortExpression="家庭住址"/> GridView> 4.GridView和下拉菜单DropDownList结合: 效果图: 后台代码: usingSystem; usingSystem.Data; usingSystem.Configuration; usingSystem.Collections; usingSystem.Web; usingSystem.Web.Security; usingSystem.Web.UI; usingSystem.Web.UI.WebControls; usingSystem.Web.UI.WebControls.WebParts; usingSystem.Web.UI.HtmlControls; usingSystem.Data.SqlClient; publicpartialclassDefault4: System.Web.UI.Page { SqlConnectionsqlcon; stringstrCon="DataSource=(local);Database=北风贸易;Uid=sa;Pwd=sa"; protectedvoidPage_Load(objectsender,EventArgse) { DropDownListddl; if(! IsPostBack) { stringsqlstr="selecttop5*from飞狐工作室"; sqlcon=newSqlConnection(strCon); SqlDataAdaptermyda=newSqlDataAdapter(sqlstr,sqlcon); DataSetmyds=newDataSet(); sqlcon.Open(); myda.Fill(myds,"飞狐工作室"); GridView1.DataSource=myds; GridView1.DataBind(); for(inti=0;i<=GridView1.Rows.Count-1;i++) { DataRowViewmydrv=myds.Tables["飞狐工作室"].DefaultView[i]; if(Convert.ToString(mydrv["职工性别"]).Trim()=="True") { ddl=(DropDownList)GridView1.Rows[i].FindControl("DropDownList1"); ddl.SelectedIndex=0; } if(Convert.ToString(mydrv["职工性别"]).Trim()=="False") { ddl=(DropDownList)GridView1.Rows[i].FindControl("DropDownList1"); ddl.SelectedIndex=1; } }
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 史上最全 GridView 使用方法