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

[pfworld]

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

其中点击Datagridview后不消失！

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

[llsen]

1.ajax,后台输出table
2.ajax用updatepanel

[homesos]

意思差不多就这样
javascript方法 通过ajax调用cs中的方法 在cs中再把前台javascript相关方法绑定到相关的操作中

GridView的基本样式格式还是要在ASPX中定义好，在CS的ajax方法中基于这些再进行改动，这样比较省事一些。

[pfworld]

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


这个类名是什么？ Ajax 没有用过！！不过可以尝试使用解决问题！！谢谢指点！！

[wwd252]

UP

[yanlong521521]

使用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">

[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(类名));//注册类型

[yanlong521521]

[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]
1.是否加了AjaxPro引用
2.AjaxPro.Utility.RegisterTypeForAjax(typeof(类名));这句代码要放在方法里面
3.确保你的类是可以访问的(public)

[homesos]

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

[homesos]

[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吧。

[randomfeel]

updatepanel包住，trigger里写事件

[homesos]

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

[zhj19820829]

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

[pfworld]

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

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

[homesos]

这个是javascript方法

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

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

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

[homesos]

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

[pfworld]

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

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

[e-mail]

[homesos]

已经发邮件了

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

[homesos]

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

[ptpa]

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

[pfworld]

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