.net Ajax 是一个非常不错的东西 方便的实现了B/S的异步数据传输,我们只需要在页开始加入
<asp:ScriptManager runat="server" ID="scriptManager"></asp:ScriptManager>
然后在需要用到异步传输的地方加上<UpdatePanel...></UpdatePanel> 经过简单设置，OK，一个ajax就完成了
但是当.net ajax有一个非常不好的地方，就是传输数据是整个页面的，数据量很大，网络不好的时候，就感觉很慢
我们的页面中有一个GridView，浏览这个页面时候，浏览器向服务器发送一个请求；
然后从服务器下载数据到本地；
接着我们按了某个按钮触发PostBack事件；
于是这个页面的GridView的数据又重新绑定，重新下载了一遍
但是很多时候我们只需要GridView中的部分内容改动就够了，所以整个GridView传输是没有必要的
这个时候我们可以用客户端的Javascript脚本实现对GridView中某个单元格的更改
比如我们的GridView中的ItemTemplate列里有一个按钮，一般我们都直接设置一下它的CommandName和CommandArgument进行服务器端操作的
这里我们可以把它做成客户端按钮Input，然后对它添加Onclick事件,showModelDialog出页面，让在服务器端执行的脚本在那个页面中执行
接着在关闭showModelDialog的时候，更改页面中GridView的某个对应的单元格的值
GridView解析到页面Html时候，它是一个XML格式的HTML文本，我们用Javascript脚本可以按照找节点（Node）的方式去实现找到某个单元格
下面是一个例子，这里我用A链接实现，如果是input也是一样的
<asp:TemplateField HeaderText="Action">
<ItemTemplate>
<div style="text-align:center">
<a href='editCampaign.aspx?campaignID=<%# Eval("campaignID") %>' class="CommonTextButton">
Edit</a>
<a href='javascript:void(0);' onclick="ShowTestDialog('runCampaign.aspx?CampaignID=<%# Eval("campaignID") %>&action=testRun','testRun',this);" class="CommonTextButton">
Test</a>
<a href='javascript:void(0);' onclick="ShowTestDialog('runCampaign.aspx?CampaignID=<%# Eval("campaignID") %>&action=releaseRun','releaseRun',this);" class="CommonTextButton">
Release</a>
<a href='javascript:void(0);' onclick="ShowTestDialog('runCampaign.aspx?CampaignID=<%# Eval("campaignID") %>&action=releaseDebugRun','releaseDebugRun',this);" class="CommonTextButton">
Debug Release</a>
</div>
</ItemTemplate>
</asp:TemplateField>
<script language="javascript" type="text/javascript">
function ShowTestDialog(url,type,sender)
{
if(type == "testRun")
{
window.showModalDialog(url,'v','dialogWidth:500px;dialogHeight:100px;status:0;help:0');
sender.parentNode.parentNode.parentNode.childNodes[3].innerHTML=Date();
}
else if(type == "releaseRun")
{
var arr = window.showModalDialog(url,'w','dialogWidth:500px;dialogHeight:100px;status:0;help:0');
sender.parentNode.parentNode.parentNode.childNodes[4].innerHTML=Date();
}
else
{
window.showModalDialog(url,'x','dialogWidth:500px;dialogHeight:115px;status:0;help:0');
}
}
</script>
<head runat="server">
<title>Run Campaign</title>
<base target="_self" />
</head>
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。