EasyUI的简单使用

之前写项目,其中前台页面真是愁我一脑袋头发,其中 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事件