关闭

jQuery EasyUI简述

标签: jqueryjavascripteasyui框架基本算法
212人阅读 评论(0) 收藏 举报
分类:

1.什么是 jQuery EasyUI
1).jQuery EasyUI 框架提供了创建网页所需的一切,帮助您轻松建立站点。
2).easyui 是一个基于 jQuery 的框架,集成了各种用户界面插件。
3).easyui 提供建立现代化的具有交互性的 javascript 应用的必要的功能。

2.EasyUI的基本用法
1).Draggable(拖动)的实现

注释:使用标签,增加属性class=”easyui-draggable” data-options=”handle:’#title’”,这个div就可以被拖动。
扩展:关于拖放控件属性的扩展(如下图API)。
这里写图片描述
2).Resizable(可随意调整大小)

注释:使用标签,增加属性 class=”easyui-resizable” data-options=”maxWidth:800,maxHeight:600”,这个div就可以随意想拖多大就拖多大。
这里写图片描述
注解:也可以通过disabled属性设置为不可以调整大小。
3).Pagination(分页)(效果图如下)
这里写图片描述
使用标签创建分页控件。
这里写图片描述
分页控件属性:
这里写图片描述
4).SearchBox(搜索框)
搜索框提示用户需要输入搜索的值。它可以结合一个菜单,允许用户选择不同的搜索类别。在用户按下回车键或点击组件右边的搜索按钮的时候会执行搜索操作。
这里写图片描述
使用标签创建。添加’easyui-searchbox’类ID到标签。
这里写图片描述
这样就可以实现简易查询。
5).ProgressBar(进度条)

这里写图片描述
使用HTML标签或程序创建进度条组件。从标签创建更加简单,添加’easyui-progressbar’类ID到标签.
这里写图片描述
6).Tooltip(提示框)(效果图)
这里写图片描述
当用户将鼠标移动到元素上的时候,将会显示一个消息提示框。提示框的内容可以是页面中任何一个HTML元素或者通过Ajax发送后台请求以获取提示框内容。
通过标签创建提示框,给元素添加一个”easyui-tooltip”的类名,无需任何Javascript代码。
这里写图片描述
大家觉得简单吗? 有兴趣吗?如果有兴趣的话,我们明天继续往下学习EasyUI,欢迎大家哦。

0
0
查看评论

EasyUI简介

EasyUI 简介easyui是一种基于jQuery的用户界面插件集合。easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能。使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。easyui是个完美支持HTML5网页的完整框架。eas...
  • luoluozlb
  • luoluozlb
  • 2016-12-14 20:49
  • 996

EasyUI学习-如何使用jQuery EasyUI?

1、 使用步骤 ①  在项目的WebRoot目录下创建js文件夹,导入easy-ui的js包; ②  在HTML页面引入easy ui 的js文件; ③  编写相应的HTML代码与JS代码
  • KnightKitt
  • KnightKitt
  • 2014-08-17 15:38
  • 1049

jQuery EasyUI详解-EasyUI环境配置

需要预先说明的一点是,不管是EasyUI也好,Bootstrap也罢,都可以认为是在CSS、Javascript、jQuery上再封装了一层。所以我们来看一个十分简单的例子:<a href="#" class="easyui-linkbutton">...
  • woshisangsang
  • woshisangsang
  • 2017-03-13 16:39
  • 1154

jquery EasyUI数据表格datagrid中load,reload,loadData方法的区别

初学者小问题大问题的都比较多,就是因为初学嘛,对框架了解的没那么深入。这里我就拿出初学可能会遇到的一个问题来讲一讲,datagrid比较常 用也比较复杂,它有其中有load,reload,loadData这三个方法,它们都有相同的功能,都是加载数据的,但又有区别。 load方法,比如我已经定义...
  • H12KJGJ
  • H12KJGJ
  • 2017-06-08 19:32
  • 1994

JQuery easyui 搭建前端框架

JQuery easyui 搭建前端框架
  • wild46cat
  • wild46cat
  • 2016-10-13 13:52
  • 2637

jquery简述

JQuery简介 •普通JavaScript的缺点:每种控件的操作方式不统一,不同浏览器下有区别,要编写跨浏览器的程序非常麻烦。因此出现了很多对JavaScript的封装库,比如Prototype、Dojo、ExtJS、JQuery等,这些库对JavaScript进行了封装,简化了开发。这些库...
  • shan1774965666
  • shan1774965666
  • 2015-01-26 14:52
  • 606

easyui和jqueryui冲突解决

var j = jQuery.noConflict(); 那么之前导入的库都需要使用j("")
  • liuhui_306
  • liuhui_306
  • 2014-04-04 11:24
  • 1688

Jquery Easyui验证扩展,EasyUI增加校验规则,Easyui验证,Easyui校验

一、扩展easyui的验证规则   Js代码    /* easyUI自带的校验 */    /*     email: Ma...
  • huaxianger1
  • huaxianger1
  • 2017-01-09 09:39
  • 512

使用 jQuery EasyUI 的初步感觉与思考总结

一、思考总结 easyui 可以说是一个属于后台开发人员使用的的前端框架,是基于 jQuery 的框架。 它主要有以下的优点可以用: ①实现自动表格显示数据库里边表的数据,感觉和C++ 的 Qt 里边操作数据库有点类似, 附上 用 Qt 写的一个简单的增删改查 即点击指定的行进行CRU...
  • larger5
  • larger5
  • 2017-11-24 18:05
  • 232

JQuery EasyUI表单-表单验证

jQuery EasyUI 表单 - 表单验证 本次将向您展示如何验证一个表单。easyui 框架提供一个 validatebox 插件来验证一个表单。在本教程中,我们将创建一个联系表单,并应用 validatebox 插件来验证表单。然后您可以根据自己的需求来调整这个表单。
  • u013310119
  • u013310119
  • 2016-04-21 15:40
  • 343
    个人资料
    • 访问:1798次
    • 积分:95
    • 等级:
    • 排名:千里之外
    • 原创:6篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档