ASP.NET中,如何用 JavaScript 调用服务器端的方法?ASP.NET使用小技巧
这里不是指调用简单的 PageMethod,因为静态方法是不能操作当前页面的控件的,所以静态的 PageMethod 作用就跟普通的 WebService 一样,比较局限。那么,调用一般的服务器端方法,其实就是发起一个异步回调。最简单的实现办法,是通过 UpdatePanel 来做。首先定义一个隐藏的 LinkButton,在其处理事件中,去调用我们要执行的操作:
// 刷新帖子列表(供客户端 js 调用) protected void linkUpdatePosts_Clicked(object sender, EventArgs e) { LoadPosts(); }
然后 JavaScript 中就可以定义函数来触发这个 LinkButton 的回发:
// 刷新帖子列表 function refreshPosts() { __doPostBack('', ''); } // 刷新帖子列表 function refreshPosts() { __doPostBack(''.split('_').join('$'), ''); }
这里注意 split('_').join('$') 的用法,是因为作为 __doPostBack 参数的控件标志符是用 $ 分隔的,而 ClientID 是用 _ 分隔,要在两者之间进行下转换。2. 如何获取 GridView 编辑状态下单元格里的值?还在使用这样的代码吗?
var txtName = grid1.Rows[e.RowIndex].Cells[0].FindControl("txtName") as TextBox;if (txtName != null){ // 读取值 //}
其实这些工作(在单元格中查找控件,并尝试获取其中的值)已经被封装了。现在,只要调用ExtractValuesFromCell方法即可。而该方法也被很多种列类型所支持:DataControlField, BoundField, AutoGeneratedField, CheckBoxField, ImageField, TemplateField, DynamicField你可以在 GridView 的 RowUpdating, RowDeleting 等事件中使用它。利用该方法,可以将值提取到所需的字典里去,然后再从字典中读取。这些字典包括:e.Keys, e.NewValues, e.OldValues 等。一小段例子代码:
// 更新 protected void grid1_RowUpdating(object sender, GridViewUpdateEventArgs e) { var row = grid1.Rows[e.RowIndex]; // 提取 Id 字段的值 grid1.Columns[0].ExtractValuesFromCell( e.Keys, row.Cells[0] as DataControlFieldCell, DataControlRowState.Edit, true /* include readonly */); // 提取 Name 字段的值 grid1.Columns[1].ExtractValuesFromCell( e.NewValues, row.Cells[1] as DataControlFieldCell, DataControlRowState.Edit, true /* include readonly */); var id = int.Parse(e.Keys["id"].ToString()); var name = (string) e.NewValues["name"]; // 执行相关的数据库更新操作 // }
这样,在大多数场合我们可以尽可能多的使用 BoundField,并且也能正确读取到其编辑时的值,省下自定义 TemplateField 的一堆代码了。