如何刷新Gridview的內(nèi)容(ajax)
前臺(tái)部分:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>使用 AJAX，局部刷新 GridView 進(jìn)行數(shù)據(jù)綁定的簡單實(shí)現(xiàn)</title>
<script type="text/javascript">
function GetData(p) {
document.getElementById("d").innerHTML = "正在讀取數(shù)據(jù)……";
h = window.XMLHttpRequest ? new window.XMLHttpRequest() : new ActiveXObject("MSXML2.XMLHTTP");
h.open("GET", '<%=Request.FilePath %>?id=' + p.value, true);
h.onreadystatechange = function () {
if (h.readyState == 4) {
if (h.status >= 200 && h.status < 300) {
document.getElementById("d").innerHTML = h.responseText;
}
else {
document.getElementById("d").innerHTML = "<h2>數(shù)據(jù)操作錯(cuò)誤：</h2>" + h.responseText;
}
}
}
h.send(null);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:GridView ID="GridView1" runat="server">
</asp:GridView>
<asp:Panel ID="Header" runat="server">
</asp:Panel>
<select onchange="GetData(this)">
<option value="1">項(xiàng)目一</option>
<option value="2">項(xiàng)目二</option>
</select>
<div id="d">
</div>
</form>
</body>
</html>
后臺(tái)部分
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class Default2 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (Request.QueryString["id"] != null)
{
Response.ClearContent();
GridView1.DataSource = CreateDataSourceByXianhuiMeng();
GridView1.DataBind();
System.Text.StringBuilder sb = new System.Text.StringBuilder();//可變長字符串
System.IO.StringWriter sw = new System.IO.StringWriter(sb);//將信息寫入字符串
HtmlTextWriter htw = new HtmlTextWriter(sw);//將標(biāo)記字符和文本寫入 服務(wù)器控件輸出流
Literal header = new Literal();//在網(wǎng)頁上保留顯示靜態(tài)文本的位置
header.Text = "<h2>項(xiàng)目 " + Request.QueryString["id"] + "</h2>";
Header.Controls.Add(header);
Header.RenderControl(htw);
GridView1.RenderControl(htw);
Response.Write("這里查詢數(shù)據(jù)，輸出結(jié)果就可以了。結(jié)果：" + sb.ToString());
Response.End();
}
}
System.Data.DataView CreateDataSourceByXianhuiMeng()//返回一個(gè)數(shù)據(jù)視圖
{
System.Data.DataTable dt = new System.Data.DataTable();
dt.Columns.Add(new System.Data.DataColumn("id", typeof(System.Int32)));
dt.Columns.Add(new System.Data.DataColumn("學(xué)生姓名", typeof(System.String)));
dt.Columns.Add(new System.Data.DataColumn("語文", typeof(System.Decimal)));
dt.Columns.Add(new System.Data.DataColumn("數(shù)學(xué)", typeof(System.Decimal)));
dt.Columns.Add(new System.Data.DataColumn("英語", typeof(System.Decimal)));
dt.Columns.Add(new System.Data.DataColumn("計(jì)算機(jī)", typeof(System.Decimal)));
System.Data.DataRow dr;
for (int i = 1; i < 10; i++)
{
System.Random rd = new System.Random(Environment.TickCount * i); ;
dr = dt.NewRow();//創(chuàng)建信行
dr[0] = i;
dr[1] = i.ToString();
dr[2] = System.Math.Round(rd.NextDouble() * 100, 2);
dr[3] = System.Math.Round(rd.NextDouble() * 100, 2);
dr[4] = System.Math.Round(rd.NextDouble() * 100, 2);
dr[5] = System.Math.Round(rd.NextDouble() * 100, 2);
dt.Rows.Add(dr);
}
System.Data.DataView dv = new System.Data.DataView(dt);
return dv;
}
public override void VerifyRenderingInServerForm(Control control)
{
/// 添加這個(gè)override void VerifyRenderingInServerForm(Control control)，是為了避免出現(xiàn)
/// 類型“GridView”的控件“GridView1”必須放在具有 runat=server 的窗體標(biāo)記內(nèi)。
/// 的異常
}
}
如對(duì)本文有疑問，請(qǐng)?zhí)峤坏浇涣髡搲?，廣大熱心網(wǎng)友會(huì)為你解答??！ 點(diǎn)擊進(jìn)入論壇
