代码控制选中行的颜色
2005-10-26 23:37
363 查看
大家都知道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
}
}
在本例子中,我们首先动态产生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
}
}
相关文章推荐
- android中控制根据是否选中或者按下改变按钮的颜色(通过xml代码实现)
- 代码控制选中行的颜色
- datagrid技巧之一:代码控制选中行的颜色
- iOS swift 代码控制十六进制颜色转换扩展
- QT控制选中item的文字颜色(HighlightedText) 和 QT表格交替背景色
- ansi 控制码表及颜色代码
- ansi 控制码表及颜色代码
- QT控制选中item的文字颜色(HighlightedText)
- 【代码片段】javascript下新增、删除一行/选中文字变颜色
- CSS定义被动态选中的文本的颜色示例代码
- layui中使用jquery控制radio选中事件的示例代码
- VS Code转换大小写、修改选中文字或代码颜色的方法
- 控制Android LED灯颜色代码
- 修改开源库Wheel后,能控制选中颜色及大小
- idea 设置选中代码得背景颜色
- VS2010和选中代码相同的代码的颜色设置,修改高亮颜色
- visual studio 中将选中代码相同的代码的颜色设置,修改高亮颜色
- 代码控制CheckBox或者其他控件的选中状态
- 滚动条CSS样式控制浏览器滚动条颜色的代码
- android 控制颜色代码