之前写项目,其中前台页面真是愁我一脑袋头发,其中 EasyUI和AngularJS的代码对于我这种写后台的来说,简直如看天书,然后自己在网上找了一些视频学习了一下,结合了一个项目总结了一些常用的方法发出来,大家批评指导一下:
很多人说,对于写后台的来说UI只需要会抄会改就可以,国内目前的行情确实如此,但是如果你想要年薪50K,你就要比别人多掌握一些比较流行的技术,比如ui和AngularJS,今天就来说说easyUI,总结了几个写项目常用的API如下(结合后台功能):
1.下拉菜单 menubutton的使用:
在页面提供超链接,设置 class="easyui- menubutton" data-options="图标样式"
2.消息窗口messager的使用:
1.警告窗口:
2.确认窗口:
3.输入窗口:
4.进度条窗口:
3.添加跳杀窗口:
4.表单校验提示:
5.数据列表显示:
以下是一些我项目中的一些实例,以及详细代码:
C.收派标准修改功能
1.点击修改按钮,获得datagrid选中的一行数据
2.回显form表单
批量作废功能:
1.点击查询按钮,显示快递员查询表单窗口
2.将页面form表单中的数据转换为key-value的格式
3.将from参数转换为json绑定到datagrid上,给按钮绑定click事件