EasyUiDay2

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]'" //范围验证

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容