
在上篇中,我们详细讲解了如何实现列表管理的新增和删除操作,可以看出,前端页面通过ajax与后台通信,根据后台处理结果响应前端页面交互操作,这是一个很典型的Ajax和JSON应用的例子。
本文将继续上篇文中的示例,完成编辑操作。
编辑项操作
用户通过单击“编辑”按钮,相应的项会立即变为编辑状态,出现一个输入框,用户可以重新输入新的内容,然后点击“保存”按钮完成编辑操作,也可以单击“取消”按钮取消编辑状态。
首先,通过单击“编辑”按钮,实现编辑状态,在global.js的$(function(){…})中加入如下代码:
//编辑选项
$(“.edit”).live(click,function(){
$(this).removeClass(edit).addClass(oks).attr(title,保存);
$(this).prev().removeClass(del).addClass(cancer).attr(title,取消);
var str = $(this).parent().text();
var input = “
© 版权声明
文章版权归作者所有,未经允许请勿转载。
相关文章
暂无评论...