jQuery-EasyUI

网址：www.jeasyui.com，下载并参考学习<<jQuery EasyUI v1.3.5官方API中文版.exe>>手册

什么是jQuery-EasyUI

参见<<什么是EasyUI.JPG>>

是一种第三方组织开发的一款基于jQuery的，简单易用的，功能强大的

WEB[后台前端]JavaScript现成的组件库

注意：今天的EasyUI组件库的版本较高，需要高版本浏览器支持，

中低版本浏览器会有不能正常执行的情况

JavaScript，AJAX，JSON，jQuery，EasyUI分别能解决什么问题

JS：基于浏览器对web页面中的节点进行操作，比较麻烦

jQuery：基于浏览器简化对web页面中的节点进行操作，做到了write less do more

AJAX：基于浏览器与服务端进行局部刷新的异步通讯编程模式

JSON：简化自定义对象的创建与AJAX数据交换轻量级文本

EasyUI：快速基于现成的组件创建自已的web页面

组件：是指已经由第三方开源组织写好的，直接可以使用的功能界面，例如：form，layout，tree...

注意：我们学的都是零散的组件，项目中需要将其装配起来，方可构建完整的web页面，

EasyUI只是众多前端WEB组件之一

jQuery-EasyUI快速入门----可折叠功能的面板

第一步：创建一个js-day05这么一个web工程

第二步：在WebRoot目录下创建00-base.html

第三步：在WebRoot目录下创建js和themes目录，导入官方文件

参见<< jquery-easyui-1.3.6文件夹>>

第四步：在00-base.html 文件的<head>标签中引入如下文件

<!-- 引入外部CSS文件 --><link rel="stylesheet" href="../themes/icon.css" type="text/css"></link><link rel="stylesheet" href="../themes/default/easyui.css" type="text/css"></link><!-- 引入外部JS文件 --><script type="text/javascript" src="../js/jquery.min.js"></script><script type="text/javascript" src="../js/jquery.easyui.min.js"></script>

第五步：在00-base.html 文件的<body>标签中创建如下<div>标签

<div id="p" class="easyui-panel" style="width:500px;height:200px;padding:10px;"   title="我的面板" iconCls="icon-save" collapsible="true">   内容<br/>内容<br/>内容<br/>内容<br/></div>

转载于:https://www.cnblogs.com/loaderman/p/10062337.html

jQuery-EasyUI相关推荐

JQuery EasyUI的常用组件
jQuery EasyUI 是一个基于 jQuery 的框架,集成了各种用户界面插件,该框架提供了创建网页所需的一切,帮助您轻松建立站点. 注:本次介绍的JQuery EasyUI版本为1.5版. 一 ...
雷林鹏分享：jQuery EasyUI 数据网格 - 创建属性网格
jQuery EasyUI 数据网格 - 创建属性网格属性网格(property grid)带有一个内置的 expand(展开)/collapse(合并) 按钮,可以简单地为行分组.您可以简单地创建 ...
第二百二十节，jQuery EasyUI，Slider(滑动条)组件
jQuery EasyUI,Slider(滑动条)组件学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表本节课重点了解 EasyUI 中 Slider(滑动条)组件的使用方法,这个 ...
jQuery EasyUI DataGrid 分页 FOR ASP.NET
源代码: 前台(html): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt ...
JQuery EasyUi之界面设计——前言与界面效果（一）
为什么80%的码农都做不了架构师?>>> 如果冯巩的开场白是"观众朋友们,我想死你们了",那么我的开场白是"最近一直很忙,很久没有发文了" ...
《jQuery EasyUI开发指南》——10.4　迭代开发
本节书摘来自异步社区<jQuery EasyUI开发指南>一书中的第10章,第10.4节,作者:王波著,更多章节内容可以访问云栖社区"异步社区"公众号查看 10.4 迭 ...
jQuery EasyUI使用教程之使用标记创建树形菜单
2019独角兽企业重金招聘Python工程师标准>>> jQuery EasyUI最新试用版下载请猛戳>> 一个树形菜单可以使用标记创建.easyui树形菜单也可以定义在 ...
jquery easyui 动态绑定数据列
function doSearch2() { var strsql = $('#sssql').val(); $.ajax({ url: "../HttpHandler/DownloadHa ...
jquery EasyUI导入js顺序
2019独角兽企业重金招聘Python工程师标准>>> 1,引用Jquery的Js文件代码示例: <script src="jquery-easyui-1.3.4/ ...
雷林鹏分享：jQuery EasyUI 数据网格 - 创建页脚摘要
jQuery EasyUI 数据网格 - 创建页脚摘要在本教程中,我们将向您展示如何在数据网格(datagrid)页脚显示摘要信息行. 为了显示页脚行,您应该设置 showFooter 属性为 tr ...

jQuery-EasyUI

jQuery-EasyUI相关推荐

最新文章

热门文章