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

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

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

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

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

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

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

评论(0)浏览(5800)分类：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)浏览(1435)分类：easyui开发技巧
easyui checkbox tree选择节点后添加到另外一棵树示例　　easyui checkbox tree选择节点后添加到另外一棵树中，并且删除选中的树中的节点。另外一棵树也可以执行这种操作。类似于2个select之间option的移动。如授权管理，一棵授权树，从中选中权限后添加到另外一个checkbox tree棵树中。　　easyui checkbox tree选择节点后添加到另外一棵树示例源代码如下!DOCTYPE htmlhtmlheadmeta charset=gb2312..

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

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

easyui treeGrid异步加载子节点示例

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

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

评论(0)浏览(2913)分类：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表头分组内容和表头对不齐解决办法

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

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

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

easyui combobox联动示例

评论(0)浏览(1705)分类：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 DateBox/combobox配置为readonly后无法弹出日期选择层

评论(0)浏览(1324)分类：easyui开发技巧
easyui DateBox/combobox配置为readonly后无法弹出日期选择层　　easyui的DateBox配置readonly后，点击控件日期图标无法弹出日期选择层解决办法。combobox,combo对象也一样配置readonly无法弹出选择内容的层。　　解决办法就是给easyui生成的datebox，combobox的dom对象的图标按钮添加click事件，动态调用showPanel方法。input class=easyui-datebox readonly /input class=easyui-datebox readonly /input..

easyui datagrid使用detailview无数据无法获取第一次插入的数据

评论(0)浏览(436)分类：easyui开发技巧
easyui datagrid使用detailview无数据无法获取第一次插入的数据　　easyui datagrid使用detailview显示数据行详细信息时，如果datagrid加载时没有数据行，插入数据后，调用getChanges方法，第一行添加的数据获取不到，只能获取到第二行之后的数据，如下图所示。如果datagrid加载时存在数据则不会出现无法获取第一次添加的数据行的问题。　　要想解决easyui datagrid使用detailview，当datagrid中无数据加载时..

easyui datagrid idField设置错误勾选记录导致翻页后记录被全选

评论(0)浏览(729)分类：easyui开发技巧
easyui datagrid idField设置错误勾选记录导致翻页后记录被全选　　jQuery easyui datagrid插件配置idField设置数据中哪列为主键列时注意一定要配置正确，要不当勾选了一条记录后，当点击导航的上一页，下一页进行翻页或者刷新时，重新加载进入datagrid的数据会全部被勾选。idField配置错误受到影响的版本和症状jquery easyui1.3.4：勾选一条记录后，翻页或者刷新数据会导致加载的数据全部被勾选jquery easyu..

datagrid getChecked获取的数据不正确

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

datagrid编辑状态下调用acceptChanges后getChecked无法获取勾选的数据

评论(0)浏览(768)分类：easyui开发技巧
datagrid编辑状态下调用acceptChanges后getChecked无法获取勾选的数据　　easyui datagrid在编辑状态下，用鼠标勾选了数据行后，在调用acceptChanges接受数据更改，恢复到不可编辑状态时，此时调用getChecked无法获取到之前在编辑状态下勾选的数据，虽然此时数据行前面的复选框checkbox还是在勾选的状态。　　经过研究源代码发现，应该是easyui datagrid的bug，datagrid getChecked获取勾选的数据行是通过判断tr是否..

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

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

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

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

easyui datagrid单击单元格选择此列

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

easyui初始化隐藏tabs

评论(0)浏览(1908)分类：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 datagrid使用combogrid作为编辑器示例

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

easyui accordion 注意panel title标签不能设置为0/false或者''

评论(0)浏览(330)分类：easyui开发技巧
easyui accordion 注意panel title标签不能设置为0/false或者''　　easyui accordion的内容panel title标签不要设置为javascript与false等效的内容，如0，''（空字符串），要不这个panel无法呈现在accordion布局中。　　这个可能是由于accordion部分方法，如getPanel/select/remove方法的参数可以指定为title（也可以为panel的下标，从0开始），如果title为与false等效的值，easyui就直接忽略了。　　..

easyui tree async加载的树动态添加参数

评论(0)浏览(1231)分类：easyui开发技巧
easyui tree async加载的树动态添加参数　　easyui的tree如果是异步加载的，点击节点展开子节点，会自动将点击节点的配置的id参数回发给服务器，服务器接收这个参数后动态读取此节点的子节点输出实现easyui tree的绘制。　　要想给回发服务器的参数添加其他附加的参数值，可以增加onBeforeLoad事件，此事件有２个参数，node和param，node是当前点击的节点信息，param是回发给服务器的参..

easyui多个datagrid同步滚动实现

评论(0)浏览(1102)分类：easyui开发技巧
easyui多个datagrid同步滚动实现　　功能描述：同一个页面上有多个datagrid，拖动其中一个datagrid的滚动条时，其他datagrid也同时滚动和当前datagrid一样的滚动距离。　　实现方法：easyui datagrid出现滚动条的容器为一个div，样式为datagrid-body，所以只需要获取这个容器，设置容器的scrollLeft和scrollTop即可实现滚动联动设置。注意：表头也有div为datagrid-body的div，需..

easyui combobox设置获取焦点

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

easyui tree动态从一棵树添加节点到另外所选一棵树中

评论(0)浏览(611)分类：easyui开发技巧
easyui tree动态从一棵树添加节点到另外所选一棵树中　　　双击easyui一棵树（源树）的节点，然后将此节点的信息动态添加到另外一棵树（目标树）中，如果目标树选择了节点，则添加到目标树选择节点下作为子节点，双击目标树时动态删除此节点及其下的子节点。　　easyui版本为jquery-easyui-1.3.1，其他版本自行查看api修改对应代码。　　源代码如下!DOCTYPE htmlhtmlheadmeta http-equiv=Content-T..

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

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

jquery-easyui-1.3.1向配置了detailview的datagrid无法添加数据行

评论(1)浏览(966)分类：easyui开发技巧
jquery-easyui-1.3.1向配置了detailview的datagrid无法添加数据行　　最新版本的jquery-easyui-1.3.1新增了grid插件的subGrid【detailview】功能，可以预览数据行的详细信息。但是使用从他们官网下载的源代码压缩包中使用高版本的jquery，如jquery-1.8.0.min.js时，发现向配置了detailview的grid添加数据行时，如果这个grid没有数据，在添加多行数据时，只能添加在最前面的一行，其他数据无法添加进去。如果gri..