EasyUI

什么是EasyUI

easyui是一种基于jQuery、Angular.、Vue和React的用户界面插件集合。

easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能。

使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。

easyui是个完美支持HTML5网页的完整框架。

easyui节省您网页开发的时间和规模。

easyui很简单但功能强大的。


[if !supportLists](1) [endif]是一组基于jQuery的UI(用户界面)插件集合;

[if !supportLists](2) [endif]而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。

[if !supportLists](3) [endif]学习的时候,成本不大,easyui知识点由JS+HTML+CSS+jquery,容易上手

[if !supportLists](4) [endif]开发者不需要编写复杂的JavaScript,也不需要对css样式有深入的了解,开发者只有需要了解一些简单的html标签。--完成页面的构建

[if !supportLists](5) [endif]学习方法copy+edit官网里面有很多示例

[if !supportLists](6) [endif]Easyui是属于前端框架


Layui elementui easyui bootstarp vue。。。


Bootstrap --响应式的jquery框架 快速构建web程序的框架

Easyui就是基于jquery做界面的框架,上手容易,学习方式copy+edit


01easyui入门程序

easyui组件创建原理 --理解


(1)平时写的class="easyui-panel" --最终底层还是要调用 panel方法来创建


  a)底层通过 $.parser.auto=ture

  b)调用parse方法

  c)循环页面的组件 找到对应 easyui-panel

  d)找到之后,调用 panel({})创建组件

  e)panel底层组装html



02easy的linkbutton



在同一个组别只能有一个被点击触发

03easyui的panel

可在表头设置的常用属性


示例


触发点击事件的js写法



04easyui组件三要素



在标签里添加了头名字那么在data里添加的就会不执行


05easyui组件三要素_事件

树 tree


通过get方法获得url路径里的文本 

触发右键点击菜单事件

06easyui组件右键菜单


注意阻止浏览器点击,否则右键点击事件就会被覆盖
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容