GridView控件使用经验2007年12月05日 星期三 下午 12:47GridView控件是Asp.net 1.1版本流行控件DataGrid的继承者,功能比DataGrid增强不少,但是也有很大的不同啊。将最近使用这个控件的经验同各位同学分享如下:
1\掩藏字段的处理:DataGrid可以将字段直接设置为Visible=false,可以通过Cell[x].Text取到值。 GridView这个功能失效了,可以使用运行时来设定该列为掩藏。处理RowDataBound事件。
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
e.Row.Cells[5].Visible = false;
}
2\ 获取所选列的数据:DataGrid可以直接通过所选行来获取,GridView同样的代码无法运行。GridView 可以通过GridViewRow来获取。BtnAudit是模版列中的按钮。
GridViewRow grdRow = (GridViewRow)btnAudit.Parent.Parent;string strId = grdRow.Cells[0].Text;
string memberId = grdRow.Cells[5].Text;
3\ 最终删除一条数据之前进行确认,这个可以使用摸版列,在摸版列中放置按钮控件,其中有一个客户端事件onclientclick,这里可以写确认处理javascript脚本.例如:
<asp:TemplateField>
<ItemTemplate>
<asp:Button ID="btnRefuse" runat="server" OnClick="btnRefuse_Click" Text="拒绝" OnClientClick="return confirm(' 你真的要拒绝这个用户加入俱乐部?')"/>
</ItemTemplate>
</asp:TemplateField>
前言:在我们做WEB开发 的过程中,经常会遇到GridView中的某些字段太长了,如果全部显示出来就会使排版混乱,影响美观,尤其是在我们做新闻系统时肯定会遇到,比如显示新闻列表的gridview,页面的版面已设计美观,但是有的新闻标题过长,我们希望只显示一定长度,后面加省略号,然后当鼠标移上去时再显示标题的全部内容,这样就即做到了不影响版面的布局,又做到了标题内容的全部显示.
下图是我做的规则显示的效果图,有些规则太长,我要做到的是,当标题超出一定长度时我加省略号,当标题在一定长度范围内时,全标题显示:
http://p.blog.csdn.net/images/p_blog_csdn_net/j_jake/22.jpg
效果如上,那么这种效果我们如何实现呢?,在GridView绑定的时候要做什么工作?
接下来我们来看实现思路:其实说起来很简单,我们在这里将采用模板列,在模版列里拖入一个label控件来进行数据绑定,它的text属性绑定的时候用一个条件表达式来判断是全部绑定标题文字还是只绑定部分标题文字+省略号;它的tooltip属性就直接绑定标题字段,这样我们的鼠标移上去就可以显示标题的全部内容了,绑定代码如下:
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="RuleId" Width="100%" ShowHeader="False" GridLines="None">
<Columns>
<asp:TemplateField>
<ItemStyle Width="60px" />
<ItemTemplate>
<asp:Label ID="Label1" runat="server" Font-Bold="True" ForeColor="Green" Text='<%# Eval("RuleOrder") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="规则标题">
<ItemStyle HorizontalAlign="Left" VerticalAlign="Middle" CssClass="grid1" Height="20px" />
<ItemTemplate>
<asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl='<%# Eval("HtmlPath") %>' ToolTip='<%...# Eval("RuleTitle")%>'
Text='<%...# Eval("RuleTitle").ToString().Length>16?Eval("RuleTitle").ToString().Substring(0,16)+"...":Eval("RuleTitle") %>' Font-Bold="True"></asp:HyperLink>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
从上面的代码可以看出,我绑定Label控件的Text属性的时候用了条件表达式,当数据库中的标题长度大于16时,则截取前16个字符加上省略号进行显示,当小于16时,就全部绑定.ToolTip属性直接帮定标题字段,鼠标移上去就可显示全部标题了。(题外话,如果你作的是新闻发布系统,你也可以在Text属性的后面再加上一个发布日期的绑定字段,这样标题,日期全出来聊,呵呵,可以灵活应用,举一反三)
gridview添加删除确认对话框
方法一:
VB代码
Protected Sub GridView1_RowDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewRowEventArgs) Handles GridView1.RowDataBound
If e.Row.RowType = DataControlRowType.DataRow Then
e.Row.Cells(12).Attributes.Add("onclick", "return confirm('你确认要删除吗?')")
End If
End Sub
c#代码
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
e.Row.Cells[5].Attributes.Add("onclick", "return confirm('你确认要编辑吗?')");
}
}
方法二
在VS2005提供的GridView中我们可以直接添加一个CommandField删除列:<asp:CommandField ShowDeleteButton="True" />,然后在GridView的OnRowDeleting事件中完成删除。但一般情况下我们在做这种删除操作时都需要先让用户确认一下,然后后再删除记录,以避免误操作引起的误删除。
那我们可以通过下面方法给GridView删除前加上一个确认对话框。
首先,在GridView的属性对框话框中点击“Columns”进入它的"字段"设计器;或者在设计窗口直接点击GridView控件右上角的那个小箭头,点击"编辑列",进入"字段"设计器。
接着在"字段"设计器中的左下方"选定的字段"框中,选择以前已加上的那个CommandField“删除”列,这时在右边它的属性列表下会看到一个"将此它段转换为 TemplateFied"的项,点击将它转换为TemplateFied列。
然后退出"字段"设计器,切换到源码视图你会发现该列已由原来的:
<asp:CommandField ShowDeleteButton="True" />
变为了:
<asp:TemplateField ShowHeader="False">
<ItemTemplate>
<asp:LinkButton ID="LinkButton1" runat="server" CausesValidation="False"
CommandName="Delete" Text="删除"></asp:LinkButton>
</ItemTemplate>
最后在<asp:LinkButton>中加入:OnClientClick="return confirm('您确认删除该记录吗?');"
这样点击删除时就会先在客户端弹出“您确认删除该记录吗?”对话框,点击"确定",则进行删除;点击"取消",则不删除.
而原来在onRowDeleting事件中写的代码完全不用改变。鼠标在GridView上移动时变换颜色2007-03-25 14:26protected void GridView1_RowCreated(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow )
{
e.Row.Attributes.Add("onmouseover", "currentcolor=this.style.backgroundColor;this.style.backgroundColor='#C0C0FF';this.style.cursor='hand';");
//当鼠标移走时还原该行的背景色
e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=currentcolor");
}
}
RowCreated:开被创建时发生
e.Row.RowType == DataControlRowType.DataRow 判断是否是数据行
DataControlRowType的枚举有:
DataRow数据行
EmptyDataRow
Footer
Header
Pager
Separator
如果对单元格进行变换。
if (e.Row.Cells[8].Text == "USA")
{
//e.Row.BackColor = System.Drawing.Color.Red; //修改整行的颜色
e.Row.Cells[8].BackColor = System.Drawing.Color.Red; //修改单元格的颜色(第9列)
}
不足。前端页面代码过多。站带宽。
在GridView的第一列使用CheckBox控制每一行数据,是经常使用的,这里面我要记录的是全选、全消、选中行的底色更改,还有就是在提交数据的时候,取选中的行的编号等功能
aspx页面定义:
<asp:GridView ID="GridView1" runat="server">
<Columns>
<asp:TemplateField ShowHeader="False" HeaderText="选择">
<ItemStyle Width="60px" Wrap="False" />
<HeaderTemplate>
<asp:CheckBox ID="CheckBox1" runat="server"></asp:CheckBox>
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="CheckBox1" runat="server"></asp:CheckBox>
<asp:TextBox ID="TextBox1" runat="server" Text='<%# Eval("EventID") %>' Visible="false"></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
</Columns>
<HeaderStyle Font-Bold="False" BackColor="#EEEEEE" />
<AlternatingRowStyle BackColor="#EEEEEE" />
</asp:GridView>
这样在GridView的第一列,是CheckBox控件,在HeaderTemplate里的是用来控制全选全消的,在TemplateField里的,用来控制当前行是不是选中行
js脚本是这个:
<script type="text/javascript" language="javascript">
function changecolor(obj,color)
{
e = event.srcElement
if(e.checked==true)
{
e = e.parentElement
e.style.background = "#C0C0FF"
}
else
{
e = e.parentElement
e.style.background = color
}
}
function CheckSelect(del)
{
var rt=true;
var num=0;
var boxorder=0;
va
GridView最全用法
需积分: 0 65 浏览量
更新于2008-11-28
收藏 18KB RAR 举报
GridView是ASP.NET中一个强大的数据展示控件,它允许开发者以表格形式展示数据,并提供了丰富的功能,如分页、排序、编辑和删除等。在.NET Framework 2.0及更高版本中,GridView成为Web开发中不可或缺的一部分。这篇文档将深入探讨GridView的各种用法,旨在帮助开发者更高效地在实际工作中应用。
### 一、基本使用
创建一个GridView控件很简单,只需在设计视图中拖放或者在代码中声明。在后台代码中,我们需要为GridView绑定数据源,例如SqlDataSource或ObjectDataSource。例如:
```csharp
GridView1.DataSource = myDataTable;
GridView1.DataBind();
```
### 二、分页
GridView的分页功能可以通过设置`AllowPaging`属性为`true`来启用,然后通过`PageSize`属性定义每一页显示的记录数。分页控件可以通过`PagerSettings`进行自定义。例如:
```csharp
GridView1.AllowPaging = true;
GridView1.PageSize = 10;
GridView1.PagerSettings.Mode = PagerButtons.NextPreviousFirstLast;
```
### 三、排序
开启GridView的排序功能,设置`AllowSorting`为`true`,用户点击列头即可按该列排序。默认情况下,首次点击升序,再次点击降序。在事件处理程序中,你需要根据排序表达式重新排序数据源并重新绑定。例如:
```csharp
protected void GridView1_Sorting(object sender, GridViewSortEventArgs e)
{
// 排序逻辑,根据e.SortExpression排序数据源
myDataTable.DefaultView.Sort = e.SortExpression + " " + GetSortDirection(e.SortDirection);
GridView1.DataSource = myDataTable.DefaultView.ToTable();
GridView1.DataBind();
}
```
### 四、编辑与删除
对于编辑和删除功能,首先需要设置`AllowEditing`和`AllowDeleting`属性。可以使用行内的编辑按钮和删除按钮,或者自定义模板列。例如:
```csharp
GridView1.AllowEditing = true;
GridView1.AllowDeleting = true;
GridView1.EditIndex = e.NewEditIndex; // 在GridView_RowEditing事件中设置
```
编辑时,需要处理`RowUpdating`事件,获取新值并更新数据源。删除则处理`RowDeleting`事件,删除对应的数据。例如:
```csharp
protected void GridView1_RowUpdating(object sender, GridViewUpdateEventArgs e)
{
GridViewRow row = GridView1.Rows[e.RowIndex];
// 获取新值,更新数据源
string newValue = row.Cells[1].Controls[0].Text;
// 更新逻辑
}
protected void GridView1_RowDeleting(object sender, GridViewDeleteEventArgs e)
{
int id = Convert.ToInt32(GridView1.DataKeys[e.RowIndex].Value);
// 删除逻辑
}
```
### 五、CSS样式
为了美化GridView,可以自定义CSS类,通过`.RowStyle`、`HeaderStyle`、`AlternatingRowStyle`等属性设置样式。还可以通过`.RowStyle.CssClass`和`HeaderStyle.CssClass`指定外部CSS类。例如:
```csharp
GridView1.RowStyle.CssClass = "myRowStyle";
GridView1.HeaderStyle.CssClass = "myHeaderStyle";
```
### 六、扩展与优化
1. **模板列**:通过模板列可以自定义列的显示方式,如添加链接、图像等。
2. **自定义按钮**:使用TemplateField创建自定义操作按钮,通过`CommandName`和`CommandArgument`控制事件处理。
3. **行选择**:启用`AllowSelecting`,并通过`SelectedIndexChanging`事件处理选择操作。
4. **异步更新**:结合UpdatePanel实现无刷新更新,提高用户体验。
以上是对GridView在.NET 2.0中主要用法的概述。通过实践和不断探索,你可以根据具体需求灵活调整和扩展这些功能,以满足各种复杂的Web应用程序需求。在提供的文件中,"gridview的用法大全.rar"和"gridview的用法大全.txt"可能包含更多详细的示例代码和解释,值得参考学习。
笨笨2020
- 粉丝: 3
- 资源: 23
最新资源
- 使用Python和Pygame实现圣诞节动画效果
- 数据分析-49-客户细分-K-Means聚类分析
- 企业可持续发展性数据集,ESG数据集,公司可持续发展性数据(可用于多种企业可持续性研究场景)
- chapter9.zip
- 使用Python和Pygame库创建新年烟花动画效果
- 国际象棋检测10-YOLO(v5至v11)、COCO、CreateML、Paligemma、TFRecord、VOC数据集合集.rar
- turbovnc-2.2.6.x86-64.rpm
- 艾利和iriver Astell&Kern SP3000 V1.30升级固件
- VirtualGL-2.6.5.x86-64.rpm
- dbeaver-ce-24.3.1-x86-64-setup.exe