easyui datagrid数据导出excel文件示例

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

easyUI tree自定义展开,收缩图标

评论(0)浏览(129)分类:easyui
easyUI tree自定义展开,收缩图标  easyUI tree自定义展开,收缩图标.easyUI tree数据节点有iconCls配置可以给节点配置自定义图标,iconCls自定义图标后,对于有子节点的节点,展开和收缩状态都显示的是同一个图标,要想这个节点展开,收缩状态显示不同的图标,需要修改源代码来实现。  本示例居于jquery-easyui-1.4.4修改,效果如下所示,其他版本的修改应该差不多,找不到..

easyui calendar日历头部格式修改

评论(0)浏览(54)分类:easyui
easyui calendar日历头部格式修改2017-6-3:更新,直接修改jquery.easyui.min.js源代码,用下面的代码如果点击页头弹出月份选择层,点击层上的按钮还是会显示默认的月年格式,还的给月份层对象添加click事件。太麻烦还不如直接修改源代码。记事本打开jquery.easyui.min.js,查找 find(.calendar-title span).html,这个就是设置calendar头部内容,将参数值改为下面。注意:jquer..

easyui datagrid合并主键值一样的记录

评论(0)浏览(85)分类:easyui
easyui datagrid合并主键值一样的记录  easyui datagrid如何将相同主键值的记录进行数据合并,显示在第一行,数据源截图和默认datagrid显示效果如下,数据源其实就是下载的压缩包里面jquery-easyui-1.4.1\demo\datagrid\datagrid_data1.json改的,将productid改相同几个。未合并前显示效果数据源截图示例合并后效果easyui datagrid合并主键值一样的记录源代码如下 script ..

easyui combobox删除指定项目

评论(0)浏览(376)分类:easyui
easyui combobox删除指定项目  easyui combobox没有提供datagrid类似的deleteRow方法删除数据行,要删除combobox的下拉项目,可以直接操作数据源来实现easyUI combobox下拉项目的删除。getData获取数据后删除数据源中的项目,然后再loadData加载下数据源就行。  easyui combobox删除指定项目源代码如下,居于jquery-easyui-1.4.3/demo/combobox/basic.html修改。script ..

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

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

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

评论(0)浏览(2844)分类: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 layout west easy面板展开箭头按钮调整到垂直居中

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

easyui combobox禁用隐藏箭头示例

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

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

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

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

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

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

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

easyui tree获取节点所在层次

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

easyui calendar换月换年事件

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

easyui datagrid联动左右移动示例

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

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

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

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

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

easyui combobox editable和required属性冲突

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