
jquery-easyui
wangshfa
这个作者很懒,什么都没留下…
展开
-
一个基于 EasyUI 的前台架构(3)封装操作Tabs的JS代码
一般来说,系统框架的主内容区会引入另一个独立的 Web 页面来实现系统的功能,所以在在 Tabs 里的每一个标签页里使用 iframe 标签来引入子页面。所以这里可以将 Tabs 的 Content 属性值设为一个 标签即可。比如: $("#tabs").tabs('add',{ title: "百度搜索", content: '', cl转载 2012-10-25 10:28:08 · 859 阅读 · 0 评论 -
jQuery插件开发(引自juqery官网)
以前写js的时候都没有注意一些封装插件的方法和技巧,如今将jquery的文档翻译一下,在自己学习的同时也给跟我类似的菜鸟一点精神食粮吧~亲~一、开始写一个插件,首先是要往 jquery.fn 对象中添加一个由你命名的function对象jQuery.fn.myPlugin = function() { // code};如果要使用我们熟悉的 $ 符号,并不希望转载 2014-07-24 20:25:36 · 610 阅读 · 0 评论 -
调整EasyUI中输入框(下拉,时间,文本框等)高度一致问题
默认情况下文本验证输入框easyui-validatebox高度为22px,而easyui-datebox,easyui-combobox默认高度为20px。不光光是高度不一致的问题,而且还有距离底边也不相同。因此不做任何修改时的页面展示会出问题(仔细看还是有出入的),我的解决方法便是:步骤如下:3.就是将easyui.css文件中的combo类转载 2014-09-24 08:53:43 · 974 阅读 · 0 评论 -
扩展的validatebox校验规则跑哪里去了
在使用EasyUI的时候,有时我们要改动某个组件的源码,因为jquery.easyui.min.js体积庞大,且格式混乱,所以我们往往选择修改位于plugins目录下的单个组件源码,然后在使用的时候先引入jquery.easyui.min.js文件再引入plugins/jquery.validatebox.js(这里拿validatebox组件说事)文件,这样就起到了覆盖定义的效果。这样做转载 2014-09-24 10:23:51 · 2969 阅读 · 0 评论 -
项目感受之Easyui tabs的herf和content属性
昨天开始搭后台框架,到晚上的时候遇到了一个现在觉得挺可笑但是当时一直很纠结很纠结的问题,这个问题刚刚解决出来,把它拿出来说说,让自己长点儿记性,希望大家不要犯我这个错误啊 在backstage.jsp页面中我写了一个方法,用于在指定位置添加面板(id为msg的地方) function addTab(t,h){ if($('#msg').tabs('exists',t)){转载 2014-09-24 22:04:11 · 785 阅读 · 0 评论 -
easyui iframe方式打开tab的引用文件下载问题
打开页面,会加载所有js、css等文件原创 2014-09-24 22:17:08 · 1356 阅读 · 0 评论 -
Jquery easyui的combobox的默认“请选择”“全部”扩展
摘要:Jquery easyui的combobox的默认“请选择”“全部”扩展 ...扩展版本1.2.2:1、首先在上面添加一段用来显示默认文字的代码。位置在var _5c8=$("").appendTo(span);之前加上$("").appendTo(span);2、样式:.combo-defaultText{float:left;转载 2014-09-24 21:52:26 · 3868 阅读 · 0 评论 -
解决easyui和bootstrap兼容问题
在使用bootstrap和easyui的时候,发现很多有冲突的地方,包括datagrid控件和combo等,以下进行的问题修正,保证easyui正常显示/*bootstrap兼容问题和easyui的bug*/ .panel-header, .panel-body { border-width: 0px; } .datagrid,.combo-p{ border:sol转载 2014-09-25 22:45:11 · 27440 阅读 · 1 评论 -
jQuery EasyUI 为Combo,Combobox添加清除值功能
效果图: 图标[javascript] view plaincopy(function($){ //初始化清除按钮 function initClear(target){ var jq = $(target); var opts = jq.转载 2014-10-15 14:29:05 · 26757 阅读 · 0 评论 -
JQuery防止退格键网页后退
有时我们需要防止退格键的网页后退,一般情况下最好不要这么用,因为对UX体验不好。 下面是Js片段在IE9,Firebox 10.0.2 中测试过 : $(document).keydown(function (e) { var doPrevent; if (e.keyCode == 8) { var d = e.srcElement || e.target转载 2014-11-20 10:12:15 · 1938 阅读 · 0 评论 -
JS中的prototype
JS中的phototype是JS中比较难理解的一个部分 本文基于下面几个知识点: 1 原型法设计模式在.Net中可以使用clone()来实现原型法原型法的主要思想是,现在有1个类A,我想要创建一个类B,这个类是以A为原型的,并且能进行扩展。我们称B的原型为A。 2 javascript的方法可以分为三类:a 类方法b转载 2014-11-06 09:44:45 · 473 阅读 · 0 评论 -
基于MVC4+EasyUI的Web开发框架形成之旅--总体介绍
最近花了很多时间在重构和进一步提炼Winform开发框架的工作上,加上时不时有一些项目的开发工作,我博客里面介绍Web开发框架的文章比较少,其实以前在单位工作,80%的时间是做Web开发的,很早就形成了自己的一套Web开发框架,但是由于一些个人原因,一直没有来得及好好整理和推广,其实那套Web开发框架对大多数企业信息化还是很有帮助的,包括了整体性的框架布局、样式,以及权限控制、菜单管理、字典管理、转载 2014-12-05 16:37:09 · 1676 阅读 · 0 评论 -
(function($){...})(jQuery)的意思
(function($){...})(jQuery)实际上是匿名函数,不懂得朋友可以继续往下看。转载 2014-07-24 16:23:54 · 481 阅读 · 0 评论 -
jQuery插件开发全解析
jQuery插件的开发包括两种:一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数,另一种是对象级别的插件开发,即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。1、类级别的插件开发类级别的插件开发最直接的理解就是给jQuery类添加类方法,可以理解为添加静态方法。典型的例转载 2014-07-24 20:30:36 · 453 阅读 · 0 评论 -
一个基于 EasyUI 的前台架构(4)主体页面框架收工
在上一篇博客已经完成一个大概的框架效果,还有一个最为重要的功能还没有完善——菜单。 我现在使用的这个项目使用的是 jQuery EasyUI 中的 Tree 来 Building 的一个树形菜单,其实需求非常简单:将功能节点折叠,使用鼠标单击随意展开相应的节点,单击叶节点执行相应的操作(打开相应的页面)。但是 EasyUI 中的 Tree 似乎有点功能强大:修改节点名称,拖移菜单等等。在转载 2012-10-25 10:29:33 · 640 阅读 · 0 评论 -
一个基于 EasyUI 的前台架构(1)页面布局
前段时间进了一个项目,接触了这个完全使用 jQuery EasyUI 架构前台的应用程序。以前对 EasyUI只是有所耳闻,接触这个项目才觉得它非常强大。 在开发中,遇到不少关于 EasyUI 的问题,也亲手改过许多与之相关的问题。对这个系统的架构有所了解以后,才觉得这个系统架构的有点乱七八糟,用的很不顺手,就想把这个系统重新架构一下(这或许是不同 Coder 之间编码习惯上的差别吧,不转载 2012-10-25 10:26:36 · 1261 阅读 · 0 评论 -
一个基于 EasyUI 的前台架构(5)右键快捷菜单
Windows 用户通常习惯使用快捷菜单来实现一些常用的用户操作。很荣幸 EasyUI 也提供了一个右键菜单的插件——Menu。 EasyUI 中的 Menu 可以使用户方便的实现一个 Windows 风格的右键菜单,我们只需要编写菜单项的内容,并对菜单项容器设置相应的 Class 类 easyui-menu,即可实现一个漂亮的右键快捷菜单。 比如在页面中添加如下代码:转载 2012-10-25 10:30:22 · 682 阅读 · 0 评论 -
一个基于 EasyUI 的前台架构(2)主体内容区结构设计
EasyUI 提供了一个 Tabs 组件,可以非常方便的使用类似选项卡的页面效果。 应用系统的主体功能可能会需要一个用户同时打开多个页面进行操作,所以这里使用 Tabs 来管理用户打开的多个页面。使用 Tabs EasyUI 可以将一个 元素设置成 Tabs,而且只需要将指定 元素的 class 属性设置为 easyui-tabs 即可。添加 Tab转载 2012-10-25 10:27:25 · 1049 阅读 · 0 评论 -
jQuery选择器源码分析和easyui核心分析
写在选择器源码分析之前 这里指对1.7.2版本的源码分析,更高版本添加了更多代码。 整个jQuery的代码是写在一个(function(window, undefined){})(window);这样一个闭包里。请思考,为什么要这样做? 将其写在一个闭包函数里,并传入window直接运行的好处有三: 1,统一转载 2014-06-25 23:37:58 · 5476 阅读 · 0 评论 -
easyui使用时出现这个Uncaught TypeError: Cannot read property 'combo' of undefined
easyui使用时出现这个Uncaught TypeError: Cannot read property 'nodeName' of undefined 最后检查发现是必须给select一个id,光给name不行,构建后,easyui改变了dom结构,元素的访问select的jq选择器什么实现了可能。原想着不想用id凑合用吧。 $("#table_cate转载 2014-06-27 23:42:07 · 58769 阅读 · 4 评论 -
EasyUI DataGrid根据字段动态合并单元格
1.合并方法/*** EasyUI DataGrid根据字段动态合并单元格* 参数 tableID 要合并table的id* 参数 colList 要合并的列,用逗号分隔(例如:"name,department,office");*/function mergeCellsByField(tableID, colList) { var ColArray = co转载 2014-06-30 15:01:23 · 4832 阅读 · 0 评论 -
关于easyui的layout的region的resize的题目(自适应浏览器)
名人名言:个人如果但靠自己,如果置身于集体的关系之外,置身于任何团结民众的伟大思想的范围之外,就会变成怠惰的、保守的、与生活发展相敌对的人。——高尔基 1. resize题目:¥(""#subWrap"").layout(""panel"", ""east"").panel(""resize"",{width:300});¥(""#subWrap"").layout(""re转载 2014-07-02 22:11:43 · 12016 阅读 · 0 评论 -
jquery插件基础解析—jquery插件实战教程(2)
作者只是简单的贴出了colortips这个插件的示例和代码,同时提取出了jquery插件的基础模板:(function($){ $.fn.插件名= function(settings){ //默认参数 var defaultSettings = { } /* 合转载 2014-07-24 23:22:27 · 681 阅读 · 0 评论 -
jQuery中(function(){})()执行顺序的理解
function的顺序是这样的:先计算第一个小括号,发现里面的表达式是一个函数,返会该匿名函数的引用(指针),最后一个括号则是建立匿名函数的实参和并执行,感兴趣的你可以参考下本文总体来说,顺序是这样的:先计算第一个小括号,发现里面的表达式是一个函数,返会该匿名函数的引用(指针),最后一个括号则是建立匿名函数的实参和并执行。 示例: 计算两个数之和。 JavaScript:转载 2014-07-24 16:22:50 · 4353 阅读 · 0 评论 -
Colortip的缺陷—jquery插件实战教程(完结篇)
jquery插件实战教程,明河已经发了四篇教程:制作jquery文字提示插件—jquery插件实战教程(1)jquery插件基础解析—jquery插件实战教程(2)Colortip难点解析—jquery插件实战教程(3)Colortip代码实现—jquery插件实战教程(4)今天这篇教程将是这个系列教程的完结篇,明河主要讲解Colortip这个jquery提示框插件的缺陷,既然有缺转载 2014-07-25 08:23:20 · 679 阅读 · 0 评论 -
制作jquery文字提示插件—jquery插件实战教程(1)
今天在浏览tutorialzine时候有篇教程讲解如何写个jquery文字提示插件,这插件很简单,很适合用于讲解jquery插件机制,作者也借此抛砖引玉先讲解具体一个插件,这个插件名为:Colortip,然后在下篇教程讲解jquery插件机制。效果如下图,鼠标滑过链接出现文字提示,提示框的背景颜色可以自由控制。 点此下载制作教程一、功能讲解转载 2014-07-24 22:33:03 · 649 阅读 · 0 评论 -
再次谈谈easyui datagrid 的数据加载
这篇文章只谈jQuery easyui datagrid 的数据加载,因为这也是大家谈论最多的内容。其实easyui datagrid加载数据只有两种方式:一种是ajax加载目标url返回的json数据;另一种是加载js对象,也就是使用loadDate方法。这里就自己的使用经验,对两种方式做简单总结和归纳,并且对使用过程中容易产生的误区做较为详细的描述,希望能对大家有所帮助。url转载 2015-05-14 13:52:38 · 1273 阅读 · 0 评论