摘要：
.datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber{ -o-text-overflow: ellipsis; text-overflow: ellipsis;} 阅读全文
posted @ 2016-09-23 16:39
芜明-追星
阅读(1087)
评论(0)
推荐(0)
摘要：
//去掉字符两端的空白字符 String.prototype.Trim=function () { return this.replace(/(^[\t\n\r]*)|([\t\n\r]*$)/g,''); }; //去掉字符左边的空白字符 String.prototype.LTrim=functi 阅读全文
posted @ 2016-09-23 16:28
芜明-追星
阅读(160)
评论(0)
推荐(0)
摘要：
finder: function(jq, conditions){ if(!$(jq).data("OriginalData")){ $(jq).data("OriginalData",$(jq).datagrid("getData").rows); } var rows = $(jq).datag 阅读全文
posted @ 2016-09-23 16:22
芜明-追星
阅读(489)
评论(0)
推荐(0)
摘要：
$.extend($.fn.layout.methods, { remove: function(jq, region){ return jq.each(function(){ var panel = $(this).layout("panel",region); if(panel){ panel. 阅读全文
posted @ 2016-09-23 16:21
芜明-追星
阅读(1670)
评论(0)
推荐(0)
摘要：
首先将easyui的样式文件加入一个ID，这里命名为easyuiTheme，然后在样式文件下面加入一个JS文件 <script type="text/javascript" charset="UTF-8" src="jslib/jquery-easyui-1.2.5/jquery-1.7.1.min 阅读全文
posted @ 2016-09-23 16:18
芜明-追星
阅读(599)
评论(0)
推荐(0)
摘要：
扩展了个$.messager.showBySite，根据舍得的位置显示$.messager.show。代码如下： /** * 指定位置显示$.messager.show * options $.messager.show的options * param = {left,top,right,botto 阅读全文
posted @ 2016-09-23 16:15
芜明-追星
阅读(1496)
评论(0)
推荐(0)
摘要：
实例化。这里增加了三个属性，可以指定idFiled，textFiled和parentField。所以这里的simpleData可以不严格转换成tree的数据格式。 tree_data_simp.php 的json数据类型。是一个扁平结构数据集。 自定义loadFilter的实现 阅读全文
posted @ 2016-09-23 16:11
芜明-追星
阅读(1064)
评论(0)
推荐(0)
摘要：
$.extend($.fn.menu.methods,{ showItem:function(jq,text){ return jq.each(function(){ var item = $(this).menu('findItem',text); $(item.target).show(); } 阅读全文
posted @ 2016-09-23 15:51
芜明-追星
阅读(1134)
评论(0)
推荐(0)
摘要：
HTML标签及属性大全 基本结构标签: <HTML>,表示该文件为HTML文件 <HEAD>,包含文件的标题,使用的脚本,样式定义等 <TITLE> </TITLE>,包含文件的标题,标题出现在浏览器标题栏中 </HEAD>,<HEAD>的结束标志 <BODY>,放置浏览器中显示信息的所有标志和属性 阅读全文
posted @ 2016-09-23 15:29
芜明-追星
阅读(4215)
评论(0)
推荐(1)
摘要：
[selector] { filter: alpha(opacity=50); /* internet explorer */ -khtml-opacity: 0.5; /* khtml, old safari */ -moz-opacity: 0.5; /* mozilla, netscape * 阅读全文
posted @ 2016-09-23 10:44
芜明-追星
阅读(156)
评论(0)
推荐(0)
摘要：
正如君所想象的一样，同实现层的fixed一样，用的是expression语句。例如div#demo在： IE6下最小宽度300px： *html div#demo { width:expression((document.documentElement.clientWidth||document.b 阅读全文
posted @ 2016-09-23 10:43
芜明-追星
阅读(226)
评论(0)
推荐(0)
摘要：
function getElementLeft(element) { var actualLeft = element.offsetLeft; var current = element.offsetParent; while (current !== null) { actualLeft += c 阅读全文
posted @ 2016-09-23 10:41
芜明-追星
阅读(364)
评论(0)
推荐(0)
摘要：
.clamp{ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} HTml <PRE class="brush 阅读全文
posted @ 2016-09-23 10:40
芜明-追星
阅读(225)
评论(0)
推荐(0)
摘要：
css背景图片拉伸 background-image:url(bg.png); -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; background 阅读全文
posted @ 2016-09-23 10:38
芜明-追星
阅读(198)
评论(0)
推荐(0)
摘要：
$(function(){ var pic_X=$('.list').offset().left; var pic_Y=$('.list').offset().top; var pic_W=$('.list').width()/2; var pic_H=$('.list').height()/2; 阅读全文
posted @ 2016-09-23 10:38
芜明-追星
阅读(429)
评论(0)
推荐(0)
摘要：
css是一个很强大的东西，很多网页效果，我们可以通过css直接实现。今天给大家分享的是一个用css实现的圆角带箭头的提示框。 效果如下图： 这一个样式主要涉及到了css的边框样式border的运用和定位样式position。 实现代码： <!DOCTYPE html><html lang="en"> 阅读全文
posted @ 2016-09-23 10:35
芜明-追星
阅读(738)
评论(0)
推荐(0)
摘要：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>index.html</title> <meta http-equiv="keywords" content="keyword1, 阅读全文
posted @ 2016-09-23 10:21
芜明-追星
阅读(1647)
评论(0)
推荐(0)
摘要：
设置url,createUrl,updateUrl,destroyUrl,dndUrl属性来自动同步数据到服务器 url: 返回树的数据 createUrl: 当创建一个新的节点,tree将传入名为parentId即表示父节点ID的参数 updateUrl: 当更新一个节点,将传入id和text参数 阅读全文
posted @ 2016-09-23 10:18
芜明-追星
阅读(445)
评论(0)
推荐(0)
摘要：
有时候当我们打开很多tabs选项卡时,要关闭它只能一个一个的进行关闭 显然太麻烦,这时可以在选项卡的最右边添加一个按钮 实现关闭全部。 代码如下： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head 阅读全文
posted @ 2016-09-23 10:15
芜明-追星
阅读(355)
评论(0)
推荐(0)
摘要：
通过formatter方法给Jquery easyui 的datagrid 每行增加操作链接 我们都知道Jquery的EasyUI的datagrid可以添加并且自定义Toolbar， 这样我们选择一行然后选择toolbar的相应按钮就可以对这行的数据进行操作。 但实际项目里我们可能需要在每行后面加一 阅读全文
posted @ 2016-09-23 10:15
芜明-追星
阅读(6326)
评论(0)
推荐(0)
摘要：
现在如果要关闭一个tab，只能点击该tab上面的x号。现增加双击tab使其关闭。 可使用jquery的bind函数绑定dblclick双击事件 tabs的关闭方法为close 要传一个title参数表示哪个选项卡将被关闭。 所以首先就要获取被点击对象的title。 查找AIP getSelected 阅读全文
posted @ 2016-09-23 10:14
芜明-追星
阅读(651)
评论(0)
推荐(0)
摘要：
更新特定的选项卡面板 可使用update方法，param参数包含2个属性: tab: 将被更新的选项卡。 options: 选项卡相关配置项。 Example: //当前tab var current_tab = $('#frame_tabs').tabs('getSelected'); $('#f 阅读全文
posted @ 2016-09-23 10:13
芜明-追星
阅读(3835)
评论(0)
推荐(0)
摘要：
介绍easyui的使用,主要包括以下组件 布局面板 - layout 可伸缩面板 - accordion 选项卡 - tabs 控制面板 - panel 窗口 - window 对话框 - dialog 消息窗口 - messager 数据表格 - datagrid 分页 - pagination 阅读全文
posted @ 2016-09-23 10:11
芜明-追星
阅读(351)
评论(0)
推荐(0)
摘要：
DataGrid数据表格及Pagination分页一起介绍 一、通过<table>标记创建DataGrid,嵌套<th>标签定义列表 二、加载数据表格 data.resultList 为后台返回的JSON格式的数据 如：[{id=1,loginname=zhangsan,username=zhang 阅读全文
posted @ 2016-09-23 10:10
芜明-追星
阅读(939)
评论(0)
推荐(0)
摘要：
Datagrid中当你的行数据超过9999时，第一列的行号rownumber将会因为表格内容过长而导致无法显示全部数字， 这一点Easyui无法做到自适应 所以需要进行修改，这里扩展一个方法就行了。 $.extend($.fn.datagrid.methods, { fixRownumber : f 阅读全文
posted @ 2016-09-23 10:09
芜明-追星
阅读(13083)
评论(0)
推荐(0)
摘要：
$(function() { $('#tt').combotree({ url: 'getTree.do', onBeforeSelect: function(node) { if (!$(this).tree('isLeaf', node.target)) { return false; } }, 阅读全文
posted @ 2016-09-23 10:08
芜明-追星
阅读(1645)
评论(0)
推荐(0)
摘要：
效果如图： 首先在需要可编辑的列上添加一个editor属性，列定义为numberbox编辑类型 <th field="SCORES" editor="{type:'numberbox',options:{precision:0}}" width="120">默认分值 </th> 当用户点击一行的时候 阅读全文
posted @ 2016-09-23 10:07
芜明-追星
阅读(6545)
评论(0)
推荐(1)
摘要：
Easyui默认是点击文本框后面的图标显示日期，为了更进一步优化体验 修改为单击文本框显示日期选择框 修改jquery.easyui.min.js(作者用的是1.3.6版本,其他版本或有区别) 可 ctrl+f 搜索 "_outerWidth():0" 在本行下面添加如下代码： 上下文代码如下： 阅读全文
posted @ 2016-09-23 10:07
芜明-追星
阅读(1475)
评论(0)
推荐(0)
摘要：
function count() { var rows = $('#dg'').datagrid('getRows')//获取当前页的数据行 var total = 0; for (var i = 0; i < rows.length; i++) { total += rows[i]['SCORE' 阅读全文
posted @ 2016-09-23 10:06
芜明-追星
阅读(7640)
评论(0)
推荐(1)
摘要：
使用EasyUI做一个报表统计，需要合并表头为多级表头，核心代码如下: $('#dg').datagrid({ url:'datagrid_data.action', fit : true, fitColumns : false, columns: [ [ {"title":"网格员考核测评表"," 阅读全文
posted @ 2016-09-23 10:05
芜明-追星
阅读(1426)
评论(0)
推荐(0)
摘要：
如下图： 现改为单击某个单元格只对此单元格进行可编辑 <TABLE>标记添加 onClickCell <table id="dg" class="easyui-datagrid" data-options="onClickCell: onClickCell"> 需要进行编辑的列上添加 editor 阅读全文
posted @ 2016-09-23 10:04
芜明-追星
阅读(693)
评论(0)
推荐(0)
摘要：
Action返回 JSON 格式如下： json中包含 total 和 rows，我们需要rows下面的内容来显示在combobox中，API规定必须用下面格式的json： 官方给出了一个示例 一直不明白只需一个url 如何返回数据？百思不得姐 以下是两种解决方法 第一种： 第二种： 注：jsonR 阅读全文
posted @ 2016-09-23 10:03
芜明-追星
阅读(977)
评论(0)
推荐(0)
摘要：
Action返回 JSON 格式如下： json中包含 total 和 rows，我们需要rows下面的内容来显示在combobox中，API规定必须用下面格式的json： 官方给出了一个示例 一直不明白只需一个url 如何返回数据？百思不得姐 以下是两种解决方法 第一种： 第二种： 注：jsonR 阅读全文
posted @ 2016-09-23 10:02
芜明-追星
阅读(2032)
评论(0)
推荐(0)
摘要：
multiple boolean 决定是否支持多项选择. 单选赋值：setValue 多选赋值：setValues 阅读全文
posted @ 2016-09-23 10:01
芜明-追星
阅读(2122)
评论(0)
推荐(0)
摘要：
最新版本的jQuery Easyui新出来了一个组件叫tooltip，就是提示框。以前的版本没有这个组件的时候就有很多在问，datagrid的单元格，我要加鼠标提示要怎么做。原来我告诉他们的方法都是用formatter，大概方法如下： formatter:function(value){ retur 阅读全文
posted @ 2016-09-23 09:55
芜明-追星
阅读(369)
评论(0)
推荐(0)
摘要：
$.extend($.fn.form.methods, { myLoad : function (jq, param) { return jq.each(function () { load(this, param); }); function load(target, param) { if (! 阅读全文
posted @ 2016-09-23 09:51
芜明-追星
阅读(1515)
评论(1)
推荐(0)
摘要：
$.extend($.fn.tree.methods, { getImperfectCheck : function (jq) { var checked = jq.find("span.tree-checkbox1"); var nodes = []; for (var i = 0; i < ch 阅读全文
posted @ 2016-09-23 09:50
芜明-追星
阅读(182)
评论(0)
推荐(0)
摘要：
datagrid返回记录为0时显示“没有记录”，此问题的 <script>var myview = $.extend({},$.fn.datagrid.defaults.view,{ onAfterRender:function(target){ $.fn.datagrid.defaults.vie 阅读全文
posted @ 2016-09-23 09:49
芜明-追星
阅读(284)
评论(0)
推荐(0)
摘要：
Ext扩展的QQ表情选择面板 define(function () { EmoteChooser = function(cfg){ this.width=340; this.height=112; this.autoScroll=true; Ext.apply(this,cfg); this.emo 阅读全文
posted @ 2016-09-23 09:48
芜明-追星
阅读(217)
评论(0)
推荐(0)
摘要：
首先,从datagrid生成的代码,我们可以发现,在rowNumber上都有特定的class标记,datagrid-cell-rownumber,datagrid-header-rownumber. $.extend($.fn.datagrid.methods, { fixRownumber : f 阅读全文
posted @ 2016-09-23 09:46
芜明-追星
阅读(1479)
评论(0)
推荐(0)
摘要：
Easyui的layout折叠后显示怎样可以显示标题 //在layout的panle全局配置中,增加一个onCollapse处理title$.extend($.fn.layout.paneldefaults, { onCollapse : function () { //获取layout容器 var 阅读全文
posted @ 2016-09-23 09:26
芜明-追星
阅读(237)
评论(0)
推荐(0)
摘要：
扩展代码如下： 使用方法： 阅读全文
posted @ 2016-09-23 09:22
芜明-追星
阅读(585)
评论(0)
推荐(0)
摘要：
源码 /** * Author : ____′↘夏悸 * Easyui KindEditor的简单扩展. * 有了这个之后,你就可以像使用Easyui组件的方式使用KindEditor了 * 前提是你需要导入KindEditor的核心js和相关样式. 本插件也需要在Easyui.min和KindEd 阅读全文
posted @ 2016-09-23 09:17
芜明-追星
阅读(433)
评论(1)
推荐(1)
摘要：
发现最近有些人问用JQuery easyui要怎么实现左右结构的布局。就是点击左边的菜单在右边的tab中打开。其实easyui要实现这种布局很简单，只需要简单的几行代码就ok了。 特意做了一个小小的demo供大家参考，还把怎么实现tab的右键菜单附上。 源码：js部分： $(function () 阅读全文
posted @ 2016-09-23 09:09
芜明-追星
阅读(928)
评论(0)
推荐(0)
摘要：
easyui data-options的使用 data-options是jQuery Easyui 最近两个版本才加上的一个特殊属性。通过这个属性，我们可以对easyui组件的实例化可以完全写入到html中，例如： <div class="easyui-dialog" style="width:40 阅读全文
posted @ 2016-09-23 09:07
芜明-追星
阅读(32385)
评论(0)
推荐(0)
摘要：
使用方法 在datagrid的onLoadSuccess事件里面进行调用，可以实现数据加载完成后，自动合并。也可以手动调用该方法。 阅读全文
posted @ 2016-09-23 09:03
芜明-追星
阅读(488)
评论(0)
推荐(0)
浙公网安备 33010602011771号