初见jQuery EasyUI

本文通过一个简单的小例子,简述jQuery EasyUI的使用方法,仅供学习分享使用,如有不足之处,还请指正. 什么是jQuery EasyUI ? 引用官网的一句话:jQuery EasyUI framework helps you build your web pages easily.其特点就就快速,灵活,简单. 本文借助自己的第一个B/S系统,简述一下jQuery EasyUI的相关功能.[本文采用纯前端处理,不涉及后台数据库,列表中数据是从Json文件中读取] 涉及知识点 [每一个知识…

套用JQuery EasyUI列表显示数据、分页、查询

声明,本博客从csdn搬到cnblogs博客园了,以前的csdn不再更新,朋友们可以到这儿来找我的文章,更多的文章会发表,谢谢关注! 有时候闲的无聊,看到extjs那么肥大,真想把自己的项目改了,最近看到一款轻型的UI感觉不错,但是在网上找了好多教程,但是没有一个是完全是C#asp.net写的无耐下,自己写了下,感觉效果不错,故拿出来和大学分享一下,希望可以抛砖引玉作用. 由于好多人都只是拷贝代码,故在此全用图片作说明. 图片效果图1 这个界面是上左右下结构左边是一棵树右边是一个表格上部…

Jquery EasyUI 开发实录

有好几年没有用过EasyUI了,最近在外包做的一个项目中新增功能时,又用到了,本以为和按照以前那样用就可以了,可当我真正用的时候,发现许多地方不一样了,就连官网的文档都更新了,最突出的就是不知道什么时候起多了一个data-options属性. 记得,在过去一直都是用js直接调用的,现在突然变成data-options了,而官网给的Demo实在是太过简单,连url参数都是直接写死的,这肯定无法满足开发需求.没办法,只好先从官网过一下文档,然后慢慢摸索.因为浪费了我许多宝贵的时间,所以打算记录一下备…

jQuery UI与jQuery easyUI的冲突解决办法

jQuery UI与jQuery easyUI都是基于jQuery开发的.难免里面会有些方法名冲突! 因此对jQuery.easyui其中的两个方法名:resizable 和 draggable进行替换, 分别替换为resiz_able和dragg_able,即可!…

jquery easyui 动态绑定数据列

function doSearch2() { var strsql = $('#sssql').val(); $.ajax({ url: "../HttpHandler/DownloadHandler.ashx?action=StatDownLoadHHH&searchStrSql=" + encodeURI(strsql), type: "POST", error: function () { $.messager.alert('错误', '操作失败!',…

jquery easyui使用（四）······添加,编辑,删除

前端: <div style="font-size: 25px; font-weight: 700; margin: 50px 0 10px 10px;"> 车辆登记 </div>  <div id='myToolbar'> <a class='easyui-linkbutton' iconcls='icon-add' href='javascript:void(0)' onclick='Insert()' s…

jquery easyui使用（二）······可折叠面板动态加载无效果

先上代码: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>用车管理</title> <link href="../…

jquery easyui使用（一）······可折叠面板的布局，手风琴

<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>首页</title> <link href="../JQuery/e…

jquery easyui菜单树显示

目前做了一个easyui项目需要显示多级菜单,菜单配置到数据库中,因此每级菜单都需要到数据库中取,用了jQuery EasyUI方便多了. 效果体验:http://hovertree.com/texiao/jeasyui/2/ 下载:http://hovertree.com/h/bjaf/kbtdmn5u.htm 参考:http://hovertree.com/jeasyui/demo/tree/checkbox.html http://hovertree.com/jeasyui/demo/tr…

第 1 章 jQuery EasyUI 入门

学习要点: 1.什么是 jQuery EasyUI 2.学习 jQuery EasyUI 的条件 3.jQuery EasyUI 的功能和优势 4.其他的 UI 插件 5.是否兼容低版本 IE 6.下载及运行 jQuery EasyUI 在正式了解 jQuery EasyUI 之前,我们先了解一下什么是 jQuery EasyUI.它的学习条件.市场上的同类产品.所支持的浏览器等.然后配置运行 jQuery EasyUI. 一．什么是 jQuery EasyUI jQuery EasyUI 是一…

【夯实PHP基础系列】JQuery easyUI的使用

最近在做一个公司的后台项目中,接触到 JQuery easyUI前端框架,被她简洁的代码和简单有效的ajax交互所深深吸引. 体会有以下3个方面: 1)快速创建表格的能力: 后端程序,比如PHP只需要给前端一个json的数组,easyUI就能自己进行循环数组,填充表格,方便又快捷.分页也是一步到位 //表格 PHP后端代码 $pageList['rows'] = array( array('name'=>'周杰伦', 'work'=>'歌手'), array('name'=>'叶良辰'…

jQuery EasyUI视频教程合集

下载地址:http://www.fu83.cn/thread-269-1-1.html 教程内容: 尚学堂科技_jqueryeasyui视频教程_白贺翔李炎恢jQuery EasyUI视频教程全集 Struts2+Spring3+Hibernate4+Maven+EasyUI整合入门视频 EasyUI入门视频教程 EasyUI进阶视频教程原生JavaScript100例.CHM 利用 YUI Compressor压缩js和css.txt jquery+easyui培训文档.doc jQuer…

jQuery EasyUI 使用笔记

大家有四次抢票机会.第一次是放票时间之后的30分钟.第二次机会是开车前的15天.第三个机会是开车前的48小时.第四个机会是开车前的24小时. $("#gys_key").combogrid("getValue") $('#dtpDate').datebox("getValue") 1.导入js 2.datagrid重新加载 3.弹出div,打开新页面 4.实现分页 5.双击 6.嵌套子表格 7.javascript刷新页面导入JS,CSS …

jQuery EasyUI教程之datagrid应用（三）

今天继续之前的整理,上篇整理了datagrid的数据显示及其分页功能获取数据库数据显示在datagrid中:jQuery EasyUI教程之datagrid应用(一) datagrid实现分页功能:jQuery EasyUI教程之datagrid应用(二) 接下来就是数据的增删改查了,首先我们在页面中添加功能按钮这里很简单就是datagrid的toolbar属性接下来我们实现按键的功能查询比较麻烦我们最后写,先写添加吧,既然要添加,就应该有表格或是输入的文本框吧,还要进行提交,那就要有f…

jQuery EasyUI教程之datagrid应用（二）

上次写到了让数据库数据在网页datagrid显示,我们只是单纯的实现了显示,仔细看的话显示的信息并没有达到我们理想的效果,这里我们丰富一下: 上次显示的结果是这样的点击查看上篇:jQuery EasyUI教程之datagrid应用(一) 这里不难发现生日的格式是毫秒(long型数据),并不是我们想要的年月日的格式,那我们就修改一下我们在js中写入格式时间的方法,并在生日一列用formatter来调用方法格式时间, //格式化时间 //把long型日期转为想要类型 function getDa…

jquery.easyui代码详解，和遇到的问题，提供大家在使用的时候少走弯路（一）

初次使用jquery.easyui这个东东,虽然简单,但还是很费力的去研究了一下使用,在使用过程中遇到的问题,下面代码会详细的注释到引用的文件jquery.min.js jquery.easyui.min.js 样式:icon.css easyui.css 页面初始化easy ui 插件 <html xmlns="http://www.w3.org/1999/xhtml"> <div class="cg-op&qu…

jQuery EasyUI：根据数据库内容生成适合于easyui-tree的JSON数据格式

1,jQuery EasyUI中easyui-tree特定的JSON数据格式 [ {"id":1,"text":"某公司","children":[ {"id":2,"text":"生产部"}, {"id":4,"text":"质检部","children":[ {"id&quo…

jQuery EasyUI CheckBoxTree的级联选中

:子结点选中,父节点随之选中,父节点取消,子节点随之取消代码: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <…

最近使用JQuery Easyui 碰到的几个奇怪问题

最近项目想尝试Easyui来做做前端界面,但是刚开始就碰到几个问题,记录下来,免得忘了. 1. 点击添加或修改按钮后,弹出窗体,窗体内容参加“href”属性远程加载问题:第一次弹出窗体正常,但是再次点击按钮就无法弹出了. 原因:不详... 解决方法:在关闭窗体时销毁. text: "取消", iconCls: 'icon-cancel', handler: function () { $("#opsDialog").dialog("close"…

jquery easyui tree dialog

HTML5界面开发工具jQuery EasyUI更新至v1.3.5

本文转自:evget.com HTML5界面开发工具 jQuery EasyUI 最新发布v1.3.5,新版修复了多个bug,并改进了menu,tabs和slider等多个控件.jQuery EasyUI致力于帮助web开发者更轻松的打造出功能丰富并且美观的UI界面,是一款操作简单但功能强大的界面工具. Bug修复: searchbox:'searcher'无法提供正确的'name'参数值: combo:'isValid'方法无法返回布尔值: combo:点击combo会触发其他已经隐藏下拉面板…

jquery easyui 弹出消息框 (转载) jQuery EasyUI API 中文文档 - 消息框（Messager） http://www.cnblogs.com/hantianwei/archive/2012/03/19/2407113.html

<html> <head>  <link rel="stylesheet" type="text/css" href="/EasyuiDemo/scripts/jquery-easyui-1.1.1/themes/default/easyui.css"> <link rel="stylesheet" type=&qu…