利用AjaxPro2.0实现在页面直接修改数据
2010-06-13 10:32
423 查看
开发中我经常遇到一些需求
客户问我:”可不可以让我在浏览的时候,看到一些错误的数据时就直接在那修改?免得又要到指定的地方修改信息,这样麻烦又耗时。毕竟我只想修改这一个数据嘛?“
我回答:”恩,可是可以只想很麻烦,并且数据不好控制,验证“
然后客户就叹气,仍客气的说”那就算了“。我也支支吾吾,就这样过了。(不要砸我哦!我也想缩短开发时间,呵呵)
经历这样的事多了,所以我就决定做一个通用的工具(也就几个类和js文件)
Js 处理 提交数据:
在 GridView绑定数据时(其他不管是什么多可以) 对于第一个单元格内容双击进入修改状态 ,对此添加的属性
Ajax方法类
页面注册
到此结束! 好费劲哦,出现了几次排版出错!!!
其实这个需求的实现也不难。这只是对于初学者比较适合的一段示例 !希望有高手指点指点!
客户问我:”可不可以让我在浏览的时候,看到一些错误的数据时就直接在那修改?免得又要到指定的地方修改信息,这样麻烦又耗时。毕竟我只想修改这一个数据嘛?“
我回答:”恩,可是可以只想很麻烦,并且数据不好控制,验证“
然后客户就叹气,仍客气的说”那就算了“。我也支支吾吾,就这样过了。(不要砸我哦!我也想缩短开发时间,呵呵)
经历这样的事多了,所以我就决定做一个通用的工具(也就几个类和js文件)
Js 处理 提交数据:
var ajaxObj=YSKFX;//ajxapro注册类 //双击单元格 可以更改内容 //obj 单元格对象 //id 修改对象所关联的主键 更多参数可以自行增加 (此本分为条件部分),如此刻我这里条件部分还要 参数 date function YouChange(obj,id,date){ var attr=" class='inputbg' "; //属性 可以连续增加 //内容更改为 textbox 失去焦点触发更新事件 obj.innerHTML="<td><input id='up_ip_"+id+"' type='input' value='"+obj.innerText+"' onblur=\"SaveUpdate(this,'"+id+"','"+obj.innerText+"','"+date+"')\" "+attr+" /><td>"; } function SaveUpdate(obj,id, oldValue ,date){ //如果数据已更改 提交服务器修改数据 if(obj.value!=oldValue){ var result=ajaxObj .UpdateField(id, obj.value,date).value; if(result=="1")//更新成功 { $("#"+obj.id).parent().html(obj.value); }else if(result==null || result=="0" ) { alert("更新失败"); }else { alert(result); } }else { $("#"+obj.id).parent().html(obj.value); } }
在 GridView绑定数据时(其他不管是什么多可以) 对于第一个单元格内容双击进入修改状态 ,对此添加的属性
e.Row.Cells[0].Attributes.Add("ondblclick", "YouChange(this,'" + e.Row.Cells[e.Row.Cells.Count-1].Text + "','" + txtSelectDate.Text.Trim() + "')");
Ajax方法类
/// <summary> /// 更新备注信息 /// </summary> /// <param name="id">账龄</param> /// <param name="value">新备注</param> /// <param name="value">账龄计算时间</param> /// <returns>更新结果。1表示成功,0或null表示失败,同时可以将提示信息作为结果返回</returns> [AjaxPro.AjaxMethod] public string UpdateField(string id, string value, string date) { //数据处理代码 return "1"; }
页面注册
protected void Page_Load(object sender, EventArgs e) { AjaxPro.Utility.RegisterTypeForAjax(typeof(这里是AjaxMethod所在类对象), this); }
到此结束! 好费劲哦,出现了几次排版出错!!!
其实这个需求的实现也不难。这只是对于初学者比较适合的一段示例 !希望有高手指点指点!
相关文章推荐
- asp.net 2.0中利用Ajax2.0实现JSON传送大量页面数据
- 在asp.net 2.0中利用Ajax2.0实现JSON传送大量页面数据
- asp.net 2.0中利用Ajax2.0实现JSON传送大量页面数据
- AjaxPro.NET实现TextBox智能获取服务端数据功能(Asp.net 2.0)(示例代码下载)
- AjaxPro.NET实现TextBox智能获取服务端数据功能(Asp.net 2.0)(示例代码下载)
- 利用ajax实现与php(json数组)数据交互,并局部刷新页面
- [导入]AjaxPro.NET实现TextBox智能获取服务端数据功能(Asp.net 2.0)(示例代码下载)
- AjaxPro.NET实现TextBox智能获取服务端数据功能(Asp.net 2.0)(示例代码下载)
- 用Ajax实现修改页面的数据
- 利用ajax实现与php数据交互,并局部刷新页面
- AjaxPro.NET实现TextBox智能获取服务端数据功能(Asp.net 2.0)(示例代码下载)
- 利用ajax实现页面动态修改
- AjaxPro.NET实现TextBox智能获取服务端数据功能(Asp.net 2.0)(示例代码下载)
- 利用JQuery+Ajax实现aspx页面无刷新的动态数据绑定
- 利用ajax实现与php数据交互,并局部刷新页面
- AjaxPro.NET实现TextBox智能获取服务端数据功能(Asp.net 2.0)(示例代码下载)
- ajax实现在直接在表格中修改数据
- AjaxPro.NET实现TextBox智能获取服务端数据功能(Asp.net 2.0)(示例代码下载) 转载
- 点击修改按钮,将数据显示在弹层窗口中,利用ajax实现
- 利用JQuery+Ajax实现aspx页面无刷新的动态数据绑定