具体代码如下:

 复制代码 代码如下:
 <% @ Page Language = " C# " %>

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< script runat ="server" >  
  System.Data.DataView CreateDataSourceByXianhuiMeng()
  {
    System.Data.DataTable dt = new System.Data.DataTable();
    System.Data.DataRow dr;
    dt.Columns.Add( new System.Data.DataColumn( " id " , typeof (System.Int32)));
    dt.Columns.Add( new System.Data.DataColumn( " 学生姓名 " , typeof (System.String)));
    dt.Columns.Add( new System.Data.DataColumn( " 语文 " , typeof (System.Decimal)));
    dt.Columns.Add( new System.Data.DataColumn( " 数学 " , typeof (System.Decimal)));
    dt.Columns.Add( new System.Data.DataColumn( " 英语 " , typeof (System.Decimal)));
    dt.Columns.Add( new System.Data.DataColumn( " 计算机 " , typeof (System.Decimal)));

     for ( int i = 1 ; i < 30 ; i ++ )
    {
      System.Random rd = new System.Random(Environment.TickCount * i); ;
      dr = dt.NewRow();
      dr[ 0 ] = i;
      dr[ 1 ] = " 【孟子E章】 " + 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;
  }

  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);
      Literal header = new Literal();
      header.Text = " <h2>项目 " + Request.QueryString[ " id " ] + " </h2> " ;
      Header.Controls.Add(header);
      Header.RenderControl(htw);
      GridView1.RenderControl(htw);
      Response.Write( " 这里查询数据,输出结果就可以了。结果: " + sb.ToString());
      Response.End();
    }
  }

   // / 添加这个override void VerifyRenderingInServerForm(Control control),是为了避免出现
   // / 类型“GridView”的控件“GridView1”必须放在具有 runat=server 的窗体标记内。
   // / 的异常
  public override void VerifyRenderingInServerForm(Control control)
  { }
</ script >

< html xmlns ="http://www.w3.org/1999/xhtml" >
< head id ="Head1" runat ="server" >
   < title > 使用 AJAX,局部刷新 GridView 进行数据绑定的简单实现 </ title >

   < script type ="text/javascript" >
     function GetData(p) {
      document.getElementById( " d " ).innerHTML = " 正在读取数据…… " ;
      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>数据操作错误:</h2> " + h.responseText;
          }
        }
      }
      h.send( null );
    }
    alert( " 这个提示,只出现在第一次打开页面。 " );
   </ 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" > 项目一 </ option >
     < option value ="2" > 项目二 </ option >
   </ select >
   </ form >
   < div id ="d" ></ div >
</ body >
</ html >
 

标签:
ajax,局部刷新,gridview,数据绑定

免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
桃源资源网 Design By www.nqtax.com

《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。

《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。