datagrid技巧之一:代码控制选中行的颜色
来源:互联网 发布:yum 卸载 排除 依赖包 编辑:程序博客网 时间:2024/05/21 14:09
大家都知道datagrid是一个使用频率很高的控件,在编写ASP.NET代码的时候,我们总希望能让用户选中指定的行以后,让那一行用不同的颜色显示,虽然datagrid样式也有这个功能,但是我们如何编写代码实现呢?
在本例子中,我们首先动态产生1000行,然后当用户选中datagrid中的某一行的时候,那一行就会变为蓝色。代码如下:
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
namespace WebApplication_rd
{
/// <summary>
/// Demostrates how to have a datagrid server control be bookmarked
/// </summary>
public class datagrid : System.Web.UI.Page
{
protected System.Web.UI.WebControls.DataGrid DGProducts;
int bookmarkIndex = 0; // The index of the row that should be scrolled to
int itemCount = 0; // Counter for the amount of items on the page
bool bookMark = true; // Controls whether or not the page is bookmarked
#region DGProducts EventHandlers
private void DGProducts_ItemDataBound(object source, DataGridItemEventArgs e) {
if (bookMark) {
LiteralControl anchor = new LiteralControl();
anchor.Text = "<a name=/"" + itemCount.ToString() + "/">";
itemCount ++;
e.Item.Cells[0].Controls.Add(anchor);
}
}
private void DGProducts_ItemCommand(object source, DataGridCommandEventArgs e) {
if (e.CommandName == "Select") {
e.Item.BackColor = Color.Blue;
if (bookMark) {
bookmarkIndex = e.Item.ItemIndex;
this.InsertScriptBlock();
}
}
}
#endregion
#region EventHandlers
private void Page_Load(object sender, System.EventArgs e)
{
this.Bind();
}
#endregion
#region User Defined
private void InsertScriptBlock() {
System.Text.StringBuilder jScript = new System.Text.StringBuilder();
jScript.Append("<script language=/"JavaScript/">");
jScript.Append("location.href=/"#");
jScript.Append(this.bookmarkIndex.ToString());
jScript.Append("/";");
jScript.Append("</script>");
this.RegisterClientScriptBlock("Bookmark", jScript.ToString());
}
private void Bind()
{
DGProducts.DataSource = this.CreateDataSource(1000);
DGProducts.DataBind();
}
private DataTable CreateDataSource(int count) {
DataTable table = new DataTable();
DataColumn column = null;
DataRow row = null;
// Create 5 columns
for (int iCol = 0; iCol < 5; iCol++) {
column = new DataColumn("Column: " + iCol.ToString(), typeof(string));
table.Columns.Add(column);
}
//Create Rows based on count variable
for (int iRows = 0; iRows < count; iRows ++) {
row = table.NewRow();
for (int iCol = 0; iCol < 5; iCol ++) {
row[iCol] = "Value: " + iCol.ToString();
}
table.Rows.Add(row);
}
return table;
}
#endregion
#region Web Form Designer generated code
override protected void OnInit(EventArgs e)
{
InitializeComponent();
base.OnInit(e);
}
private void InitializeComponent()
{
this.DGProducts.ItemCommand += new System.Web.UI.WebControls.DataGridCommandEventHandler(this.DGProducts_ItemCommand);
this.DGProducts.ItemDataBound += new System.Web.UI.WebControls.DataGridItemEventHandler(this.DGProducts_ItemDataBound);
this.Load += new System.EventHandler(this.Page_Load);
}
#endregion
}
}
- datagrid技巧之一:代码控制选中行的颜色
- easyui 设置dataGrid选中行的背景颜色
- wpf datagrid 样式怎么设置默认选中行的颜色
- checkbox控制datagrid行颜色
- 修改DataGrid选中颜色
- pb 改变dw选中行颜色的小技巧
- 选中DataGrid的某一行
- datagrid 删除选中的行
- WPF DataGrid ListView 等等 改变 选中行 颜色;以及 不变的原因
- WPF DataGrid 选中行颜色不改变问题
- 两行代码自定义cell选中颜色
- JQuery EasyUI datagrid 键盘上下控制选中行
- JQuery EasyUI datagrid 键盘上下控制选中行
- JQuery EasyUI datagrid 键盘上下控制选中行
- easyui datagrid 键盘上下控制选中行示例
- 改变选中行的颜色
- 添加DataGrid行的颜色
- android中控制根据是否选中或者按下改变按钮的颜色(通过xml代码实现)
- Creating DataGrid Templated Columns Dynamically - Part I
- Creating DataGrid Templated Columns Dynamically - Part II
- 如何在代码中动态添加按钮控件
- Binding a DataGrid to an ADO Recordset
- 在C#里实现DATAGRID的打印预览和打印
- datagrid技巧之一:代码控制选中行的颜色
- ASP.NET工程中日历控件的典型应用之一
- 利用XMLHTTP 从其他页面获取数据
- 如何把ini文件转换为xml
- 在.NET中操作XmlDocument
- 在ASP.NET中创建安全的web站点
- 灵活定义和处理SOAP头消息
- HTML中树的实现方法
- 在VB.NET中实现拖放操作