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

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

easyui combobox禁用隐藏箭头示例

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

ext combobox下拉选项框不需要点击自动显示

评论(0)浏览(78)分类:extjs
ext combobox下拉选项框不需要点击自动显示  ext combobox下拉选项框不需要点击combobox右边的下拉箭头,打开页面显示完成就自动显示下拉选项框解决办法。  解决办法就是给combobox添加id,在boxready事件(注意不能用render或者afterrender,这2个事件自动显示出来的下拉选项框不是容器的宽度,比combobox长度短)然后通过id获取到Element对象,然后找到箭头对象,触发click事件。Ex..

extjs actioncolumn依据数据显示隐藏操作按钮

评论(0)浏览(69)分类:extjs
extjs actioncolumn依据数据显示隐藏操作按钮  extjs actioncolumn如何依据当前数据行的某些值来实现隐藏actioncolumn的items中的icon图标。  配置extjs actioncolumn的items项中的getClass可以实现给icon添加特殊样式,然后此特殊样式设置display:none实现icon的隐藏。  actioncolumn items项目配置说明,http://docs.sencha.com/extjs/3.4.0/#!/api/Ext.grid.ActionColumn-cfg-item..

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

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

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

评论(0)浏览(131)分类: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配置一..

Ext4 grid调用reconfigure RowEditing对不齐错位解决办法

评论(0)浏览(105)分类:extjs
Ext4 grid调用reconfigure RowEditing对不齐错位解决办法  Ext4 grid调用reconfigure后,如果grid之配置过RowEditing,会导致生成的编辑器和列不对其,如下图所示grid未调用reconfigure前,RowEditing对齐grid调用reconfigure后,RowEditing不对齐  解决办法就是重新构造RowEditing的UI。!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/html4/strict.dtdhtmlheadmeta http-..

easyui cell Editing blur编辑器自动保存

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

Ext整合ueditor示例

评论(0)浏览(98)分类:extjs
Ext整合ueditor示例  Ext整合ueditor示例  Ext整合ueditor示例源代码!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/html4/strict.dtdhtmlheadmeta http-equiv=Content-Type content=text/html; charset=utf-8 /titleExt整合ueditor示例/titlelink rel=stylesheet type=text/css href=../../resources/css/ext-all.css /script type=te..

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

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

Ext4如何使用集成kindeditor

评论(0)浏览(142)分类:extjs
Ext4如何使用集成kindeditor  ext如何使用kindeditor编辑器,将kindeditor集成到ext框架里面。  将kindeditor集成到ext框架里面效果如下  Ext4如何使用集成kindeditor源代码代码如下,测试ext版本为4.1,其他版本未测试,4.xx版本应该没有问题,ext3-和ext5+由于改动过,特别是ext3和ext4+相差比较大,所以ext3无法运行。!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01..

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

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

easyui tree获取节点所在层次

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

Ext.grid.feature.Grouping页头分组如何显示其他信息

评论(0)浏览(340)分类:extjs
Ext.grid.feature.Grouping页头分组如何显示其他信息  Ext4+增加了groupHeaderTpl配置项,可以用来显示分组相关信息。如果要显示除了name外的信息groupHeaderTpl配置项还提供了rows信息,这个rows是ext分好组的数据。Ext.grid.feature.Grouping的groupHeaderTpl可用参数查看这里:http://docs.sencha.com/extjs/4.1.3/#!/api/Ext.grid.feature.Grouping-cfg-groupHeaderTpl。  如下面这个Ext.g..

easyui calendar换月换年事件

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

easyui datagrid联动左右移动示例

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

jqGrid显示和隐藏列示例

评论(0)浏览(528)分类:jqGrid中文API
jqGrid显示和隐藏列示例  jqGrid显示和隐藏列示例,相关配置查看:jqGrid显示和隐藏列html headmeta http-equiv=content-type content=text/html;charset=utf-8 /titlejqGrid显示和隐藏列示例/titlelink href=css/ui.jqgrid.css rel=stylesheet type=text/css /link href=css/jquery-ui-1.8.2.custom.css rel=stylesheet type=text/css /script src=js/jquery-1.7..

Ext整合显示echarts示例

评论(0)浏览(1097)分类:extjs
Ext整合显示echarts示例  echarts图标如何显示在extjs的panel对象中。  Ext整合显示echarts源代码如下!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/html4/strict.dtdhtmlheadmeta http-equiv=Content-Type content=text/html; charset=utf-8 /titleExt中整合echarts示例/titlelink rel=stylesheet type=text/css href=../../resources/cs..

判断easyui datagrid是否全选

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

ext4/ext5 tree树节点搜索展开示例

评论(0)浏览(161)分类:extjs
ext4/ext5 tree树节点搜索展开示例  extjs如何通过关键字查找树节点,并且展开找到的tree节点。本示例在ext-5.1.0,ext-4.1.1a下测试通过。titleext4,ext5的tree树节点搜索示例/title关键字:input type=text id=t /input type=button value=搜索所有节点并展开 onclick=findNode() /script var rootNode,store,tree; Ext.onReady(function () { store = Ext.cre..

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

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

Google Chart绘图API中文参考文档

评论(0)浏览(48)分类:Google Maps开发
Google Chart绘图API中文参考文档文档信息翻译: Cloudream ,最后修改:02/22/2008 06:11:08英文版版权归 Google , 转载此中文版必须以链接形式注明原文地址、译者信息及本声明。API 参考:http://labs.cloudream.name/google/chart/api.html常见问题:http://labs.cloudream.name/google/chart/faq.html简介Google Chart API 为您提供动态创建图表的功能。单击下边的网址查看示例..

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

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

Ext如何对本地数据进行分页显示

评论(0)浏览(1029)分类:extjs
Ext如何对本地数据进行分页显示  ext加载数据时,分页功能一般通过服务器返回需要显示的数据,返回多少显示多少,即使stroe配置了pageSize属性,而返回的数据量大于pageSize定义的,多余的数据还是会显示出来。所以按照一般的方式创建store数据源加载本地数据,会一次性显示完所有的数据,而没有分页效果(虽然页脚的分页导航出来了)。  要对客户端数据进行分页,可以使用..

ext如何读取嵌套的子json节点数据

评论(0)浏览(186)分类:extjs
ext如何读取嵌套的子json节点数据  ext如何读取嵌套的子json节点数据,如类似下面的数据,用户详细信息放在子节点下userInfo下。nestedData.json{ rows: [ { userName: system, userInfo: { active: true, address: 深圳市, birthday: 2014-11-03 } } ]}ext如何读取嵌套的..