`

DataGrid的几个小技巧!

ASP 
阅读更多
方法一:使用模版列

我们在绑定好数据的DataGrid增加一个模版列,在列中放置一个按钮
<asp:TemplateColumn>
<ItemTemplate>
<asp:Button id="btnDelete" runat="server" Text="删除"></asp:Button>
</ItemTemplate>
</asp:TemplateColumn>
然后我们在DataGrid的ItemDataBound中添加以下代码
switch(e.Item.ItemType)
{
case(ListItemType.Item):
case(ListItemType.AlternatingItem):
{
Button btn=(Button)e.Item.FindControl("btnDelete");
btn.Attributes.Add("OnClick","return window.confirm('fs')");
break;
}
}
DataGrid在绑定数据的时候将触发此事件,而且每行触发一次.我们可以通过e.Item获得行,而通过e.Item.ItemType获得行类型.

方法二:使用按钮列

我们在绑定好数据的DataGrid增加一个删除按钮列
<asp:ButtonColumn Text="删除" CommandName="Delete"></asp:ButtonColumn>
然后我们在DataGrid的ItemDataBound中添加以下代码
switch(e.Item.ItemType)
{
case(ListItemType.Item):
case(ListItemType.AlternatingItem):
{
LinkButton btn=(LinkButton)e.Item.Cells[4].Controls[0];
btn.Attributes.Add("OnClick","return window.confirm('fs')");
break;
}
}
可以看到我们这里获得控件引用的方法有所不同,使用了e.Item.Cells[4].Controls[0],而没有使用e.Item.FindControl("btnDelete"),因为我


们现在使用的是按钮列,不能对按钮列的按钮设置ID属性,而FindControl是通过ID来查找控件(当然我们也可以把前面的代码用


e.Item.Cells[4].Controls[0]的代码来替换.).

添加序号列

绑定好一个DataGrid
switch(e.Item.ItemType)
{
case(ListItemType.Item):
case(ListItemType.AlternatingItem):
{
DataGridItem row=(DataGridItem)e.Item;
TableCell cell=new TableCell();
cell.Controls.Add(new LiteralControl((e.Item.ItemIndex+1).ToString()));
row.Cells.AddAt(0,cell);
break;
}
case(ListItemType.Header):
{
DataGridItem row=(DataGridItem)e.Item;
TableCell cell=new TableCell();
cell.Controls.Add(new LiteralControl("序号"));
row.Cells.AddAt(0,cell);
break;
}
}
这里我们用到了e.Item.ItemIndex,获取来自 DataGrid 控件的 Items 集合的 DataGridItem 对象的索引.


产生两行的标题行

绑定好一个DataGrid,设置允许分页,设置页导航为上下型,一会我们将强制把上面的页导航更换成标题行.这里我想讲一下DataGrid的行构成
最上面Pager,用来放置分页导航,然后是表头Header,接着是Item和AlternatingItem项目和交替项目(当然还有SelectedItem选中项和EditItem


编辑项等),然后是Footer表脚,最下面还有一个Pager.因为Pager行是系统自动产生的,所以在ItemDataBound事件中不能捕获此行,这里我使用了


ItemCreated事件,添加代码如下
switch(e.Item.ItemType)
{
case(ListItemType.Pager):
{
if(first)
{
DataGridItem row=(DataGridItem)e.Item;
row.Cells.Clear();
TableCell cell0=new TableCell();
cell0.Controls.Add(new LiteralControl("ID"));
TableCell cell1=new TableCell();
cell1.ColumnSpan=2;
cell1.Controls.Add(new LiteralControl("FullName"));
row.Cells.Add(cell0);
row.Cells.Add(cell1);
}
first=!first;
break;
}
}
这里的First用来判断是上面的Pager还是下面的Pager.

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics