系列文章目录
文章目录
修改取派员(员工)——可以加个工具栏,也可以用双击来触发
接着上一篇文章继续往下说,其实很简单,就是之前的套路
只是依样画葫芦、依葫芦画瓢,根据之前的例子改改就行
前端页面把修改按钮弄出来,即加个工具栏
然后action也是跟之前一样的套路
需要注意的是
第一个
点击修改的时候,要弹出修改框,让用户把新数据填上去,我们去获取
第二个
修改员工跟删除员工相比较,最大的区别也就是参数的区别了,删除,我只要根据id直接删掉就行了
但是修改,是根据id 然后看修改哪些字段,这么一看,参数远不止传id一个,
删除只要传个id就行了,而修改需要传包括id在内的多个参数
点击修改的时候,要弹出修改框——显示修改取派员(员工)窗口
有时候往往我们想的太复杂,要想得简单一点,
任何事情都是一样,觉得有点复杂的时候,我们就能够化繁为简,思路就会清晰明了很多
其实修改和新增基本上就是一样的
如果无法确定用户要修改什么字段
直接用新增的窗口就行了
完全可以通用
我们就用这个,完全用这个还是说要复制一下代码改改
根据实际情况来就好,大概率是要改改的,完全照抄的话毕竟功能还是有不一样的地方,难免有需要动刀的地方,
那么具体怎么做呢
新加(复制)一个之前添加的前端代码,改一下id个显示的字符
注意这里也要加一个对window的初始化设置
然后监听它的点击事件就行了,注意这里只要提交表单就行了,前端没有用Ajax,你(前端)就做这么多就行了
其实大部分时候 提交表单跟ajax提交我们是二选一的,基本上我们不会一个点又用Ajax又去提交表单,
特别是这里有表单(很多参数,比如新增、修改员工信息这些)的时候一般都是提交表单
还有一种方式,就是双击就是修改,就不需要加工作栏了
然后这个方法里面传两个参数,一个是索引 rowIndex,一个是rowData(即一行数据,也就是json数据)
双击就弹出修改表格即可,练习的时候我们都可以做一下,项目当中根据客户的需求来
最后就是测试一下
测试一下看看字段对不对
问题——我们双击(点击修改)的时候,怎么把原先的值原本不动的传递过来给新窗口
按照我们现在写的代码,基本上架子搭好了
下一步,需要优化用户体验,我们得把原来的数据给它自动提取过来,这样用户来修改会方便很多,那么怎么做呢
以前我们是怎么做的呢,以前我们可以通过request域,先存到里面,然后再去取,现在其实大可不必
那么我们怎么用最简单实用的方式做到这个呢
一行代码搞定
非常简单和智能,数据就这样自动帮我们填充了
总结
1、删除只要传个id就行了,而修改需要传包括id在内的多个参数
修改员工跟删除员工相比较,最大的区别也就是参数的区别了,删除,我只要根据id直接删掉就行了
但是修改,是根据id 然后修改哪些字段,这么一看,参数远不止传id一个,删除只要传个id就行了
2、另外修改是需要再弹出一个修改框的,这个技能必须要学会。非常重要
3、表单提交和Ajax两个选择一个合适的,没有表单就用Ajax,有表单就提交表单
表单提交上去就行了,就不需要Ajax去调用后台修改了
4、如果这篇文章看不懂,就往前面添加的时候开始看,此篇在之前的基础上,比较随意的写,因为前面的会了,这里肯定也会了,相当于是一个加强,但是需要有地基
5、双击功能是easyUI自带的,直接用就好,不用纠结原理,如果什么都事无巨细那太累了,这里不是重点,不去研究,直接用就行
6、验证手机号码的时候需要注意
另外就是一定要注意正则表达式是否正确,很多时候找不到原因,通过验证不成功,是因为正则表达式不正确
在搜索引擎查找的时候一定要加上特定的条件,比如easyUI 这样查出来的答案会比较准