美文网首页
EasyUiDay2

EasyUiDay2

作者: 观潮n | 来源:发表于2019-07-21 23:18 被阅读0次

01_tabs选项卡

添加和移除选项卡

需要注意是获得索引  或者名字取移除选项卡

02_message消息窗口

这里的进度条是按照一定速度走的,以后需要结合实际场景使用

03_form表单组件

提交的方式有两种

需要 标准 的json格式

04_datagrid组件

常用属性


05_layout布局组件

一般的后套界面都是这样的

数据根据需要写在每个div里

06_easyui综合练习

主要获取 树表格 根据路径判断是否是选项卡  获取 里面 的值

通过点击选项卡 进入到中间页面  完成增删查改

添加和修改需注意密码框的显示和隐藏 并且禁用验证

修改还存回显问题,在部门哪里是个选择框,需要通过row.department.id 取值 并且赋给 row["department.id"] 的属性

删除需要获取用户选择的哪一行数据来删除  并且删除成功后回显

需要导包

获取信息,然后把值传给后台回显到主页面

在添加和修改点击确定时保存,获取到值并且传到后台操作成功后跳转到当前页面,使用reload方法可不用重回第一页

添加和修改验证  使用easyui扩展包完成不同功能如

在 data-options 里 写validType:'xxx'  带入不用的验证方式名

使用原则

data-options="required:true,validType:'length[4,12]'" //必填和字符长度验证

data-options="required:true,validType:'minLength[6]'" //最小长度验证

validType="equals['#password','jquery']" //确认密码验证

data-options="required:true,validType:'email'" //email的验证

data-options="required:true,validType:'integerRange[18,60]'" //范围验证

相关文章

  • EasyUiDay2

    01_tabs选项卡 需要注意是获得索引 或者名字取移除选项卡 02_message消息窗口 这里的进度条是按照一...

网友评论

      本文标题:EasyUiDay2

      本文链接:https://www.haomeiwen.com/subject/ppkblctx.html