ASP.NET中鍵盤上下左右鍵控制DataGrid的項選擇和分頁 - [轉載]

hljhrbsjf發表於2008-02-27

ASP.NET中鍵盤上下左右鍵控制DataGrid的項選擇和分頁
步驟如下:
ASP.NET中鍵盤上下左右鍵控制DataGrid的項選擇和分頁
步驟如下:
1、在.aspx頁面中拖入2個控制元件伺服器控制元件ID:DataGrid1和客戶端控制元件hidden型別的ID:tbxIndex
程式碼如下:



















Design_Time_Lock="True">
2、在.aspx中放入如下js程式碼

3、加上如下程式碼:

4、編寫對應的後臺程式碼.cs檔案中
private void Page_Load(object sender, System.EventArgs e)
{
if(!IsPostBack)
{
DataGrid1.CurrentPageIndex = 0;
BindDataGrid();
this.tbxIndex.Value = "-1";
}
// 在此處放置使用者程式碼以初始化頁面
}

///


/// 繫結DataGrid
///

private void BindDataGrid()
{
string strCon = "workstation id=(local);packet size=4096;user id=sa;data source=(local);persist security info=True;initial catalog=CPRO;password=1234";
string strSql = "select top 100 * from cpro";
System.Data.SqlClient.SqlConnection conn = new SqlConnection(strCon);
System.Data.SqlClient.SqlDataAdapter ada = new SqlDataAdapter(strSql,strCon);
DataSet ds = new DataSet();
ada.Fill(ds);
DataGrid1.DataSource = ds;
DataGrid1.DataBind();
}

private void DataGrid1_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
{
if(e.Item.ItemIndex < 0)
return;
if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem ||
e.Item.ItemType == ListItemType.SelectedItem)
{
e.Item.Cells[0].Text = Convert.ToString(DataGrid1.CurrentPageIndex * DataGrid1.PageSize +e.Item.ItemIndex);
e.Item.Attributes.Add("onmouseover","tr_move(this)");
e.Item.Attributes.Add("onmouseout","tr_mout(this)");
}
}

private void DataGrid1_PageIndexChanged(object source, System.Web.UI.WebControls.DataGridPageChangedEventArgs e)
{
DataGrid1.CurrentPageIndex = e.NewPageIndex;
BindDataGrid();
this.tbxIndex.Value = Convert.ToString(DataGrid1.CurrentPageIndex * DataGrid1.PageSize - 1);
}

ok執行下試試

[@more@]

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/631872/viewspace-1000031/,如需轉載,請註明出處,否則將追究法律責任。

相關文章