easyui datagrid fitColumns:true失效解决办法

评论(0)浏览(12203)分类:easyui
easyui datagrid fitColumns:true失效解决办法  easyui datagrid fitColumns配置设置为true时,但是数据列并没有自动填充满datagrid指定的宽度,出现这个问题,是因为你的所有列配置都没有指定width属性,导致datagrid不会重新计算列宽度,所以列宽取列标题宽度或者此列内容宽度的最大值。  datagrid fitColumns配置为true后,是依据配置列width,和datagrid的指定width来重新结算此列的..

easyui datebox只显示年月选择,隐藏日期

评论(17)浏览(10809)分类:easyui
easyui datebox只显示年月选择,隐藏日期2017-4-14更新:修正1.3.x版本弹出日期框后,不选择日期点击其他地方,再次点击日期输入框弹出面板时显示日期面板,而不是月份面板bug。2016-10-28更新:修正1.3.x版本中点击Today按钮弹出日期选择面板问题。  如何设置easyui的datebox只选择年月,不用选选择日期。easyui的datebox没有提供这种配置只通过点击月份弹出层就可以设置日期控件值,..

easyui combobox验证不为空和提示信息一致错误提示

评论(0)浏览(8004)分类:easyui
easyui combobox验证不为空和提示信息一致错误提示  easyui combobox为空时错误提示,如果和默认的提示信息一致时,也需要提示错误信息示例。select name=language id=lanoption value=.../optionoption value=arArabic/optionoption value=caCatalan/optionoption value=zh-chtChinese Traditional/optionoption value=enEnglish/optionoption value=etEstonian/option/select  combobox为空..

统计easyui datagrid某列之和显示在对应列下面

评论(0)浏览(5434)分类:easyui
统计easyui datagrid某列之和显示在对应列下面  本示例将计算easyui datagrid某些列的数据求和,然后将求和的数据显示在所在easyui列的最下面,实现统计功能,效果如下图  源代码如下table id=dg/tablescript $(function () { $('#dg').datagrid({ singleSelect: true, onLoadSuccess: compute,//加载完毕后执行计算 url: 'prod..

easyui tabs content为iframe没有滚动条解决办法

评论(0)浏览(5312)分类:easyui
easyui tabs content为iframe没有滚动条解决办法  easyui tabs content为iframe时没有出现滚动条,或者无法占满容器的宽度(iframe设置了width:100%),出现这个问题是因为更改过浏览器窗体的大小导致的。  DEMOdiv id=mainPanle region=center div id=tabs class=easyui-tabs border=falsediv title=easyui tab style=padding:20px;h1easyui tabs content为iframe没有滚动条解决办法/..

easyui datagrid数据导出excel文件示例

评论(8)浏览(4978)分类:easyui
easyui datagrid数据导出excel文件示例  2017-2-3更新:判断列隐藏(调用过hideColumn),将不会导出隐藏的的列内容。  2015-9-16更新:判断列是否配置过formmater函数,配置则调用formmater函数得到显示的数据。否则导出的数据是原始数据源中的数据,而非formmater后的数据。  2015-9-22更新:如果浏览器不支持data:application/vnd.ms-excel;base64,协议导出excel文件(如ie8..

easyui datebox范围设置日期对比参考

评论(1)浏览(4100)分类:easyui
easyui datebox范围设置日期对比参考  easyui的datebox组件没有和my97日历那样可以设置日期有效范围,所以如果你需要限制某个easyui datebox的可用范围,如有2个datebox,一个是开始日期,一个结束日期,结束日期要大于开始日期,那么需要自己写逻辑代码来实现,不能控制datebox的选择范围,只能重置。  easyui datebox日期对比参考,限制另外一个datebox输入日期范围效果和源代..

jQuery easyui通过点击tree节点动态添加tab

评论(0)浏览(2731)分类:easyui
jQuery easyui通过点击tree节点动态添加tab  要实现的效果:点击easyui tree节点,如果tree节点包含href属性,则动态的往easyui tabs对象添加一个tab,tab加载href中指向的url地址内容。  实现要点:href属性不是easyui tree数据源的标准配置,所以需要将非标配数据放到attributes节点中,要不直接放到数据节点中获取不到附加数据Every node can contains following properties: id: ..

easyui combobox设置获取焦点

评论(0)浏览(2672)分类:easyui
easyui combobox设置获取焦点  easyui combobox如何设置获取焦点,看了最新版本easyui的API,没有提供使combobox设置焦点的方法。用firebug或者chrome的开发人员工具查看easyui combobox生成的DOM结构可以看出原来的select或者input对象已经隐藏起来了,所以直接$('原对象选择器').focus()这句是没有效果的,因为原对象已经隐藏起来了。可以获取下个span节点,然后..

easyui datagrid表头分组内容和表头对不齐解决办法

评论(1)浏览(2588)分类:easyui
easyui datagrid表头分组内容和表头对不齐解决办法  easyui datagrid表头分组分组后,有可能导致内容行和表头对不齐的情况,可能是easyui datagrid对太复杂的表头计算出问题。  解决办法:依据表头定位用的div重新设置内容行的第一行的宽度进行重新定位。  效果图如下easyui datagrid表头分组分组后,导致内容行和表头对不齐的情况  onLoadSuccess事件中重新设置内容行宽度和表头一致效果..

easyui datagrid detailview加载时全部自动展开显示详细信息

评论(0)浏览(2518)分类:easyui
easyui datagrid detailview加载时全部自动展开显示详细信息  使用easyui datagrid detailview插件时,在easyui datagrid加载完毕后如何将默认隐藏的detailview详细内容显示出来。  可以在onLoadSuccess事件中触发detailview展开按钮的click事件即可。  本示例居于jquery-easyui-1.3.5,如果没有效果,可以用开发工具看下detailview展开按钮是那种标签,增加了什么样式,不同不版本可能不同,需要修..

datagrid没有数据显示无数据提示信息

评论(0)浏览(2350)分类:easyui
datagrid没有数据显示无数据提示信息  本示例实现easyui datagrid加载/查询数据时,如果没有相关记录,则在datagrid中显示没有相关记录的提示信息,效果如下图所示  本示例easyui版本为1.3.4,如果运行后没有效果,自己检查easyui版本不同版本对appendRow和mergeCells支持不一样,参数不一致什么的。无法隐藏分页导航容器,可以用chrome开发工具或者firebug查看分页导航容器的样..

easyui datagrid单击单元格选择此列

评论(0)浏览(2185)分类:easyui
easyui datagrid单击单元格选择此列  本示例代码实现单击jquery easyui datagrid的单元格时,取消datagrid默认选中高亮此行的样式,改为选中单击的单元格所在的列,高亮此列上的所有单元格。可以配置全局single变量,只允许同时选中一列,如果不配置则默认可以选中多列。单击选中的列会取消选中高亮样式。  源代码如下,示例测试的easyui版本为1.3.5,如果没有效果,自己用fir..

easyui datagrid跨域加载jsonp数据源

评论(0)浏览(2095)分类:easyui
easyui datagrid跨域加载jsonp数据源  easyui datagrid加载jsonp数据源示例。如果datagrid要加载跨域的数据,跨域页面提供的数据格式为非jsonp数据,当直接配置datagrid的url启用ajax加载地址时,即使url返回的数据格式符合datagrid格式的json字符串,由于浏览器安全问题,ajax是不允许跨域请求的(除非设置动态页设置过:Access-Control-Allow-Origin响应头),导致无法获取到数..

获取easyui datagrid正在编辑的数据行

评论(0)浏览(2062)分类:easyui
获取easyui datagrid正在编辑的数据行  javascript判断easyui datagrid是否在编辑状态,及如何获取当前正在编辑的数据行数据。  获取easyui datagrid正在编辑的数据行源代码如下 function getEditRow(datagridId) {//datagridId为table容器的id var input = $('#' + datagridId).parent().find('div.datagrid-body input'), row; ..

easyui datagrid datailview使用子表格后数据不对齐解决办法

评论(0)浏览(2030)分类:easyui
easyui datagrid datailview使用子表格后数据不对齐解决办法  easyui datagrid datailview,当dataview加载的是datagrid对象,子datagrid使用ajax异步加载数据时,前面的展开符号列高度没有变化,导致内容和前面的内容无法对齐,如下图所示  而实际效果应该如下图解决办法:增加onLoadSuccess事件重设前面展开部分的高度,因为展开部分和内容是分开的。var columns = [[{ field: 'TestPoint_ID..

combogrid翻页后保持显示内容为配置的textField解决办法

评论(0)浏览(1993)分类:easyui
combogrid翻页后保持显示内容为配置的textField解决办法  easyui的combogrid当配置pagination为true进行分页时,当datagrid加载其他数据页,和上一次选中的valueField不匹配时,会导致combogrid直接显示valueField的值,而不是textField的值。第一页包含valueField,可以选中记录和正常显示textField的值第二页未包含valueField,datagrid没有选中的记录,combogrid直接显示出valueField的值。  c..

jquery easyUI tree遍历函数

评论(0)浏览(1948)分类:easyui
jquery easyUI tree遍历函数  如果jquery easyui的tree插件json数据源没有定义id,而是希望通过text来定位节点,那么无法使用find方法查找节点,此时需要遍历tree控件的节点,对比text属性实行遍历对比定位节点,可以使用getRoots和getChildren进行遍历。方法如下+展开-JavaScriptfunctionTravel(treeID){//参数为树的ID,注意不要添加#varroots=$('#'+treeID).tree('get..

easyui datagrid本地排序后,添加,更新的数据行如何显示在正确位置

评论(0)浏览(1859)分类:easyui
easyui datagrid本地排序后,添加,更新的数据行如何显示在正确位置  easyui的插件datagrid配置某些列的允许排序,并且关闭了远程排序(remoteSort:false),当点击排序列排序后,如果插入的数据行,或者修改某数据行对应排序的列值时,如何使添加或者修改后的数据行按照当前的排序方法进行排序后显示在对应的位置,而不是插入到最后或者显示在原来的位置。  easyui的datagrid没有提供相关的方法,需要自己写..

去掉easyui datagrid默认鼠标移动,选择事件样式

评论(0)浏览(1757)分类:easyui
去掉easyui datagrid默认鼠标移动,选择事件样式  easyui的datagrid,当鼠标移动到数据行上时会显示一个淡蓝色的背景,启用了checkbox进行数据行选择时,选中数据行会出现淡黄色的背景,要想去掉easyui datagrid的这2事件添加的样式,可以按照下面的步骤进行。1)鼠标移动到datagrid数据行上显示的淡蓝色背景,可以通过移除mouseover事件来完成。table id=dg class=easyui-datagrid title=去..

datagrid getChecked获取的数据不正确

评论(0)浏览(1472)分类:easyui
datagrid getChecked获取的数据不正确  症状:调用easyui datagrid的getChecked方法获取勾选的数据集合时,无法正确获取勾选的记录集合,只能获取到第一条记录信息,或者获取到idField指定的列中非重复数据行。  分析:出现这个问题,是因为配置了idField的问题,Field即是指定那个列为唯一ID,如果Field配置的值不在返回的数据列里面,或者idField配置的值在返回的数据列里面,..

easyui初始化隐藏tabs

评论(0)浏览(1350)分类:easyui
easyui初始化隐藏tabs  本示例实现jquery easyui在初始化的时候,自动隐藏其他tab。easyui tabs有3个tab,现在只显示title2选项卡,其他2个tabs选项卡隐藏起来。备注:请用easyui1.3+版本测试,低于这个版本的easyui隐藏其他tab有UI bug,默认显示的tab的内容部分被隐藏起来了。  源代码如下!DOCTYPE htmlhtmlheadmeta charset=gb2312titleeasyui初始化隐藏tabs/..

easyui combobox editable和required属性冲突

评论(0)浏览(1244)分类:easyui
easyui combobox editable和required属性冲突  easyui combobox配置editable为false,并且required配置为true时,当combobox值为空,提交表单时,错误提示信息不回显示出来,如下图所示,控件样式加上了,但是tooltip错误并没有显示出来,去掉editable为false的配置或者配置为true,错误提示信息是显示出来的。  猜测可能是easyui的bug。如果一定配置combobox的editable为false,requir..

easyui combobox联动示例

评论(0)浏览(1236)分类:easyui
easyui combobox联动示例  easyui combobox联动示例,2个combobox实现联动asp示例  easyui combobox联动示例源代码如下data.asp%v=request.QueryString(v)if v then'加载二级菜单 s= for i=0 to 3 s=s,{l:labelv_i,v:i} next '上面为简单示例,自己根据v的值查询数据库输出符合配置的json格式的数据 s=[right(s,len(s)-1)] response.Write s resp..

easyui checkbox tree选择节点后添加到另外一棵树示例

评论(0)浏览(1232)分类:easyui
easyui checkbox tree选择节点后添加到另外一棵树示例  easyui checkbox tree选择节点后添加到另外一棵树中,并且删除选中的树中的节点。另外一棵树也可以执行这种操作。类似于2个select之间option的移动。如授权管理,一棵授权树,从中选中权限后添加到另外一个checkbox tree棵树中。  easyui checkbox tree选择节点后添加到另外一棵树示例源代码如下!DOCTYPE htmlhtmlheadmeta charset=gb2312..

easyui treeGrid异步加载子节点示例

评论(0)浏览(1165)分类:easyui
easyui treeGrid异步加载子节点示例  easyui treeGrid异步加载子节点示例。如果要异步加载treegrid的子节点,需要输出扁平的数据结构,然后通过_parentId来控制treegrid的父节点子节点结构。嵌套的children结构好像是不支持,没研究出来。  示例代码easyui版本为1.3.5,其他版本没测试。  easyui treeGrid异步加载子节点无限极示例源代码如下data.ashx,数据源%@ WebHandler..

easyui请求页面拦截跳转超时提示

评论(0)浏览(1162)分类:easyui
easyui请求页面拦截跳转超时提示  easyui使用datagrid或者dialog等加载远程数据页面时,如果远程页面做了超时判断,转向其他页面进行登录,easyui是不会自动控制浏览器跳转到登录页面的,而是只会获取最终转向页面的数据,具体看这个:Ajax服务器端跳转重定向  如struct拦截的拦截,判断超时自动跳转到登录页面。或者下面的data.asp代码%if session(online)1 then respons..

easyUI filebox选择同一个文件不触发onchange事件解决办法

评论(0)浏览(1125)分类:easyui
easyUI filebox选择同一个文件不触发onchange事件解决办法  IE(包括ie11)浏览器下,easyUI的filebox如果选中了同一个文件,不会触发onchange事件解决办法。easyUI filebox实际操作的还是file对象,其他标准浏览器如chrome,Firefox,file对象选中同一个文件也会触发onchange事件,所以在这些浏览器下easyUI的filebox选中同一个文件也是触发onchange事件的,但是ie对选中同一个文件不会触发onchange事..

easyui datagrid使用combogrid作为编辑器示例

评论(0)浏览(1014)分类:easyui
easyui datagrid使用combogrid作为编辑器示例  easyui的datagrid如果将combogrid对象作为列编辑器,直接设置列的editor配置为combogrid的配置对象没有效果,可以使用另外一种方法来实现,设置编辑器为text,然后获取editor对象,使用combogrid替换text编辑器。  效果如下  源代码及注释!DOCTYPE htmlhtmlheadmeta charset=gb2312titleeasyui datagrid使用combogrid作为编辑器示例/tit..

easyui textbox添加清除内容图标

评论(0)浏览(953)分类:easyui
easyui textbox添加清除内容图标  目的:给easyui的textbox对象添加icon-clear图标,默认图标隐藏(如果有值则默认显示),当textbox输入内容后显示图标,删除内容后隐藏清除内容图标。其实easyui的textbox提供了icons配置,可以配置textbox的图标,但是图标都是显示的,没有依据内容进行显示。cons array The icons attached to the textbox. Each item has the following..