easyUI layout west easy面板展开箭头按钮调整到垂直居中

评论(0)浏览(33)分类:easyui
easyUI layout west easy面板展开箭头按钮调整到垂直居中  easyUI layout west easy面板展开箭头按钮默认在标题那列,如何调整到中间位置,如下图所示easyUI layout展开箭头默认效果easyUI layout展开箭头修改后效果  示例居于easyui/jquery-easyui-1.4.4/demo/layout/full.html修改,其他版本自己浏览器调试工具看展开后对应的样式类名称。  easyUI layout west easy面板展开箭头按钮调整到中间..

easyui draggable只允许左键拖动

评论(0)浏览(40)分类:easyui
easyui draggable只允许左键拖动  如何设置easyui draggable只允许左键拖动,按下右键或者滚轮键不允许拖动(默认easyui draggable 鼠标3个键按下都可以拖动,因为绑定的是mousedown事件)。  解决办法需要修改jquery.easyui.min.js源代码,找到下面类似的语句,可以记事本打开jquery.easyui.min.js,然后搜索bind(mousedown.draggable,第一个出现的位置就是(jquery-easy..

更正easyui datebox年月面板年份输入框bug

评论(0)浏览(70)分类:easyui
更正easyui datebox年月面板年份输入框bug  bug1)easyui datebox年月面板年份输入框更改值并且失去焦点后,第一行显示的年份并不会更改,并且此时点击第一行的年份切换切换或者年份输入框同一行的年份切换按钮,会被还原为第一行的年份值+/-1。  bug2)easyui datebox点击年月面板第一行的月份切换按钮,如果换年后(往前或者往后都一样),年份输入框的年份值不会更改。如下图所示..

easyui datagrid数据导出excel文件示例

评论(7)浏览(3647)分类: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 combobox禁用隐藏箭头示例

评论(0)浏览(160)分类:easyui
easyui combobox禁用隐藏箭头示例  本示例扩展了easyui combobox方法setComboboxState,调用setComboboxState方法后(传递true)可以禁用combobox(调用combobox内置的disable方法),同时隐藏右侧的箭头图标,调整显示的textbox占用原来箭头的位置。传递false启用combobox,同时显示箭头并还原textbox长度,效果如下combobox禁用状态效果combobox启用状态效果  以下代码居于..

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

评论(10)浏览(8700)分类:easyui
easyui datebox只显示年月选择,隐藏日期2016-10-28更新:修正1.3.x版本中点击Today按钮弹出日期选择面板问题。  如何设置easyui的datebox只选择年月,不用选选择日期。easyui的datebox没有提供这种配置只通过点击月份弹出层就可以设置日期控件值,需要点击显示的日期才会执行设置控件的值。如果不介意点击日期才设置datebox的值,可以配置formatter和parser来实现datebox只显示年月,..

easyui datagrid field配置一样formatter无效解决办法

评论(0)浏览(324)分类:easyui
easyui datagrid field配置一样formatter无效解决办法  easyui datagrid的columns配置,如果存在2个field一样的配置,并且配置了不同的formatter返回不同内容,当生成datagrid内容时,datagrid获取列formatter返回内容只会生成一个field配置的formatter返回的内容,示例如下!DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type content=text/html; charset=utf-8titleeasyui datagrid field配置一..

easyui cell Editing blur编辑器自动保存

评论(0)浏览(230)分类:easyui
easyui cell Editing blur编辑器自动保存  easyui datagrid cell editing编辑器如何失去焦点后自动保存,easyui datagrid cell editing示例点击这里查看,然后点击左边的导航Cell Editing in DataGrid查看效果。  easyui datagrid cell editing的官方示例,编辑器失去焦点后,如果当前点击的对象不在datagrid的数据容器内容,如点击了datagrid数据区域外的对象,如datagrid的表头,..

easyui textbox添加清除内容图标

评论(0)浏览(364)分类: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..

去掉combobox回车内容不匹配清空输入项

评论(0)浏览(549)分类:easyui
去掉combobox回车内容不匹配清空输入项  问题描述:easyui的combobox插件,输入的内容如果和选项不匹配时,按下回车会导致输入的内容被清空。  解决办法:要解决回车时,combobox输入内容和可选项目不匹配时清楚输入内容的问题,需要修改源代码,找到回车处理函数代码,注释掉或者退出代码执行。  本示例使用的easyui版本为1.4.3。用编辑器,如dreamweaver打开jquery.easyui.mi..

easyui输入页数点击按钮手动翻页效果

评论(0)浏览(291)分类:easyui
easyui输入页数点击按钮手动翻页效果  easyui分页组件Pagination,在页数显示输入框内输入页码后,一般情况下是需要按下回车键才会执行分页操作。要想手动翻页,给easyui分页组件Pagination增加新按钮,可以按照一下步骤进行扩展,效果如下  easyui版本为1.4.4,其他版本注意查看dom结构,通过插入的按钮获取到页码输入框。及jquery.easyui.min.js中页面输入框绑定的事件名称,..

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

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

easyui datagrid onRowContextMenu如何获取右键单击的单元格列名称

评论(0)浏览(159)分类:easyui
easyui datagrid onRowContextMenu如何获取右键单击的单元格列名称   easyui datagrid onRowContextMenu如何获取右键点击时被点击单元格列名称。onRowContextMenu e,index,row Fires when a row is right clicked.  通过API可以看到onRowContextMenu的参数只有数据行,没有单元格信息。不过有事件对象e,可以通过e.target得到当前被右键点击的对象,为单元格td或者td里面div容器,通过这个对象可以获取到..

easyui datagrid跨域加载jsonp数据源

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

easyui tree获取节点所在层次

评论(0)浏览(380)分类:easyui
easyui tree获取节点所在层次  easyui tree获取点击节点所在层次,easyui tree如何获取某个节点所在树层次源代码。easyui的节点没有存储所在层次,所有急需要循环调用getParent方法获取父节点进行层次累加操作计算, titleeasyui tree获取点击节点所在层次/title script type=text/javascript function getLevel(node) {//获取节点所在easyui tree树的层次,..

easyui calendar换月换年事件

评论(0)浏览(102)分类:easyui
easyui calendar换月换年事件  easyui的calendar对象换年,换月时没有提供事件来监控,要想监控calendar对象更换年月的事件,可以自己给上一个月,下一个月这种箭头图标添加click事件,自己判断下箭头的样式即可。  easyui calendar换月换年事件源代码div class=easyui-calendar style=width:250px;height:250px; id=cl/divscript $(function () {//注意代码放DOM Re..

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

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

easyui datagrid联动左右移动示例

评论(0)浏览(320)分类:easyui
easyui datagrid联动左右移动示例  easyui datagrid左右移动示例,datagrid左右2边记录移动示例。  示例居于demo\datagrid\basic.html修改,相关数据文件就不贴出来了。 div style=float:left;margin-right:20px table class=easyui-datagrid title=easyui datagrid联动左右移动示例 style=width:330px;height:250px data-options=url:'datagri..

判断easyui datagrid是否全选

评论(0)浏览(218)分类:easyui
判断easyui datagrid是否全选  如何判断easyui datagrid checkbox全选框是否勾选,如何判断easyui datagrid 所有数据库被勾选。  判断easyui datagrid是否全选源代码如下//直选调用getChecked获取勾选的数据行和当前getRows的数据行长度一致即可知道是否全部选中记录 if($('#dg').datagrid('getChecked').length==$('#dg').datagrid('getRo..

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

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

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

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

easyui combobox editable和required属性冲突

评论(0)浏览(798)分类: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)浏览(6336)分类: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 tree支持扁平、简单数据结构扩展

评论(0)浏览(551)分类:easyui
easyui tree支持扁平、简单数据结构扩展  easyui的tree组件支持的数据结构是嵌套模型的,如下[{id:1,text:text1,children:[{id:4,text:text1_1,pid:1}]},{id:2,text:text2},{id:3,text:text3}]  如果easyui tree想加载类型ztree的简单数据结构(扁平数据结构,依据parentId来确定父子关系的数据结构),需要自己扩展loadFilter来将简单/扁平数据结构处理为嵌套格式的数据才行。  ..

easyui datagrid fitColumns:true失效解决办法

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

easyui layout datagrid combobox编辑器IE7-下滚动解决办法

评论(0)浏览(393)分类:easyui
easyui layout datagrid combobox编辑器IE7-下滚动解决办法  easyui使用layout布局,layout中放置datagrid,当datagrid编辑的时候,编辑对象为combobox,在IE7-浏览器下,当datagrid数据行太多出现水平或者垂直滚动条时,拖动滚动条combobox编辑器会随滚动条一起滚动的问题,而不是固定在单元格里面,效果如下  黄色那行为正在编辑的数据行,生成combobox编辑器后,拖动垂直滚动条,combobox编辑器也..

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

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

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

评论(0)浏览(4561)分类: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 checkbox tree选择节点后添加到另外一棵树示例

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

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

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