打印本文 打印本文 关闭窗口 关闭窗口
利用Ajax与数据岛实现无刷新绑定
作者:武汉SEO闵涛  文章来源:敏韬网  点击数2442  更新时间:2009/4/23 11:30:46  文章录入:mintao  责任编辑:mintao
            {
                DataRow row = dt.NewRow();
                row["Text"] = Guid.NewGuid().ToString("N");
                row["Number"] = random.Next(100);
                dt.Rows.Add(row);
            }
            dst.Tables.Add(dt);
            string text = "";
            using(MemoryStream ms = new MemoryStream())
            {
                dst.WriteXml(ms);
                ms.Position = 0;
                StreamReader sr = new StreamReader(ms);
                text = sr.ReadToEnd();
            }
            return text;
        }
    }第三步:在Page_Load中注册该方法,AjaxPro.Utility.RegisterTypeForAjax(typeof(WebTest1.AjaxTest1));(WebTest1是名称空间的名字)
第四步:添加客户端绑定 <INPUT onclick="WebTest1.MyClass.GetDataSet(callback)" type="button" value="GetDataSet">
<div id="oDataPanel">
    
</div>
<TABLE datasrc="#xmlData" WIDTH="500" BORDER="1" CELLSPACING="1" CELLPADDING="1">
    <thead>
        <tr>
            <th width="70%">姓名</th>
            <th width="30%">年龄</th>
        </tr>
    </thead>
    <TR>
        <TD><span datafld="Text"></span></TD>
        <TD><span datafld="Number"></span></TD>
    </TR>
</TABLE><div id="oDataPanel">是准备用来存放Xml数据源的容器
第五步:编定加载数据的JavaScript代码 function callback(res)
{
    if(!res.error)
    {
        document.all.oDataPanel.innerHTML = ''''<xml id="xmlData">''''+ res.value +''''</xml>'''';
    }
    else

上一页  [1] [2] [3]  下一页

打印本文 打印本文 关闭窗口 关闭窗口