EasyUI

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

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

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

    相关文章

      网友评论

          本文标题:EasyUI

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