EasyUI

2019-07-19  本文已影响0人  观潮n

什么是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组件右键菜单

注意阻止浏览器点击,否则右键点击事件就会被覆盖
上一篇下一篇

猜你喜欢

热点阅读