datagrid技巧之一:代码控制选中行的颜色
2003-04-08 09:04
375 查看
大家都知道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代码实现)
- 代码控制选中行的颜色
- Silverlight 查询DataGrid 中匹配项 ,后台改变选中行颜色
- Flex中如何通过selectionColor和selectionDisabledColor样式设置DataGrid的行选中与无效时颜色的例子
- IntelliJ IDEA使用技巧(十一)——设置 Sublime 代码颜色的方法
- 修改DataGrid选中颜色
- easyui datagrid 键盘上下控制选中行
- checkbox控制datagrid行颜色
- 控制Android LED灯颜色的代码实例
- 两行代码自定义cell选中颜色
- JQuery EasyUI datagrid 键盘上下控制选中行
- layui中使用jquery控制radio选中事件的示例代码
- datagrid控制分页js代码
- 用ASP编程控制在IIS建立Web站点的程序代码- ASP 技巧
- VS Code修改选中文字或代码的颜色
- 滚动条CSS样式控制浏览器滚动条颜色的代码
- QT控制选中item的文字颜色(HighlightedText)
- QT控制选中item的文字颜色(HighlightedText)
- 代码控制CheckBox或者其他控件的选中状态