单页面多Datagridview 如何实现无刷新？

pfworld 2009-07-08 07:40:02

实现根据条件搜索到数据显示到Datagridview01，然后点击Datagridview01内数据项，本页内显示Datagridview02，用户点击Datagridview02内数据项，本页内显示Datagridview03。

其中点击Datagridview后不消失！

如何实现此效果？大家帮忙呀！！200分奉献，UP有分！！

...全文

193 62 打赏收藏转发到动态举报

写回复

用AI写文章

62 条回复

切换为时间正序

请发表友善的回复…

发表回复

pfworld 2009-07-09

打赏
举报

这个我可能没有说清楚！！要想实现，根据条件搜索到的数据显示到Datagridview01中，点击Datagridview01其中的某一项数据，在当前页中显示Datagridview02，在点击Datagridview02中某一项数据，显示Datagridview03。想要这个效果！但是做的过程中发现，点击Datagridview01中数据后Datagridview02显示了，但是Datagridview01消失了，Datagridview02数据项点击后，Datagridview02消失了，Datagridview03显示。

ptpa 2009-07-09

打赏
举报

建议先了解一下 ajax 技术的基本实现再用控件

homesos 2009-07-09

打赏
举报

一般就那几个步骤：
1.引用库
2.在Page_Load注册类型
3.在cs中，写AjaxPro的方法
4.在aspx的javascript方法中调用此AjaxPro方法获取结果，将结果显示到页面中

homesos 2009-07-09

打赏
举报

已经发邮件了

附件列表：
序号附件名称附件描述备注
1 USERADD.aspx 添加用户是最简单的AJAXPRO应用，建议先看这个
2 USERADD.aspx.cs
3 FilePlayList.aspx 列表形式查看内容，并可进行相关操作是涉及到GRIDVIEW的应用，有点小复杂，这个例子中我用了一些别的控件，你那边可能没有
4 FilePlayList.aspx.cs
5 AjaxPro.2.dll AJAXPRO的连接库

pfworld 2009-07-09

打赏
举报

[Quote=引用 30 楼 homesos 的回复:]
要不发代码文件给你参考一下？
[/Quote]

那太感谢了！！以前都在做WINFORM，ASP.NET这个生的很！！

divineren@163.com

homesos 2009-07-09

打赏
举报

要不发代码文件给你参考一下？

homesos 2009-07-09

打赏
举报

这个是javascript方法



function fillGridView1(参数列表，如当前页数、过滤条件、排序字段等)

{

  var strResponse = 类名.GetGridView1(参数列表)

  DivGridView1.innerHTML = strResponse;

}



//同理可以写出填充GridView2的方法



//其他GridView排序、过滤等javascript方法

//……

pfworld 2009-07-09

打赏
举报

function fillGridView1(参数列表，如当前页数、过滤条件、排序字段等)
{
var strResponse = 类名.GetGridView1(参数列表)
}

这个卸载页面那里？如何执行？还有如何填充Datagridview

zhj19820829 2009-07-09

打赏
举报

用updatepanel控件就能实现,非常简单

homesos 2009-07-09

打赏
举报

没用过updatepanel，不知道updatepanel能否修改控件的外观及行为？比如将控件原来需要dopostback的方法指向javascript方法

randomfeel 2009-07-09

打赏
举报

updatepanel包住，trigger里写事件

homesos 2009-07-09

打赏
举报

[Quote=引用 21 楼 pfworld 的回复:]
错误 1 类、结构或接口成员声明中的标记“(”无效 d:\My Documents\Visual Studio 2008\Projects\WebApplication1\WebApplication1\WebForm2.aspx.cs 20 44 WebApplication1
错误 2 类、结构或接口成员声明中的标记“)”无效 d:\My Documents\Visual Studio 2008\Projects\WebApplication1\WebApplication1\WebForm2.aspx.cs 20 60 WebApplication1

测试 AjaxPro.Utility.RegisterTypeForAjax(typeof(类名));//注册类型
[/Quote]

你的類名應該是WebForm2吧。

homesos 2009-07-09

打赏
举报

類名就是你的class名稱，CS中的類名是什么就註冊什么，這樣以後，才能在ASPX中通過類名.方法（）的形式調用

yanlong521521 2009-07-09

打赏
举报

pfworld 2009-07-09

打赏
举报

错误 1 类、结构或接口成员声明中的标记“(”无效 d:\My Documents\Visual Studio 2008\Projects\WebApplication1\WebApplication1\WebForm2.aspx.cs 20 44 WebApplication1
错误 2 类、结构或接口成员声明中的标记“)”无效 d:\My Documents\Visual Studio 2008\Projects\WebApplication1\WebApplication1\WebForm2.aspx.cs 20 60 WebApplication1

测试 AjaxPro.Utility.RegisterTypeForAjax(typeof(类名));//注册类型

yanlong521521 2009-07-09

打赏
举报

使用AjaxPro吧：
简单说明：
添加AjaxPro.dll控件
在.cs代码注册：AjaxPro.Utility.RegisterTypeForAjax(typeof(LinkService));
LinkService是你要调用的方法所在的类
在方法前面加[AjaxPro.AjaxMethod]，当然也可以加其他，如命名空间等.
[AjaxPro.AjaxMethod]
public String GetList()
{
List<MagazineType> list = //取数据源
tablebegin = "<table border=\"1\" cellpadding=\"1\" cellspacing=\"0\">";
tableend = "</table>";
StringBuilder sb = new StringBuilder();
for (int i = 0; i < list.Count; i++)
{
sb.Append("");//打印出要的table
}
contentlist = tablebegin + sb.ToString() + tableend;
return contentlist;
}

然后在aspx页面里调用方法把动态生成的table写进去就可以了
function getlist(){
LinkService.GetList(function(message){
if(message.error==null)
{
document.getElementById("contentlist").innerHTML=message.value;
}
else
{
alert(message.error.Message)
}
})
}
window.onload=function(){
getlist();
}
页面放一个div
<div id="contentlist">