jqGrid行编辑配置

评论(0)浏览(19022)分类:jqGrid中文API
jqGrid行编辑配置jqGrid行编辑配置,方法,事件  行编辑可以在行修改后更新数据,如下图所示  用户用鼠标点击选择一行,jqGrid将可编辑的字段转换为数据输入单元,如上面图所示。不可编辑的列,如id,不会转为可输入单元,而是保持不变。可以通过配置colModel来实现。完成修改后,按下enter键提交数据到服务器。软件要求和安装  要使用行编辑功能,需要在j..

jqGrid单元格编辑配置,事件及方法

评论(0)浏览(18683)分类:jqGrid中文API
jqGrid单元格编辑配置,事件及方法单元格编辑单元格编辑提供给用户修改一行中的单个单元格内容的功能,开发者可以通过ajax或者单元格编辑事件对修改的数据进行处理。通过下面的行为,单元格编辑支持键盘导航和执行单元格编辑操作点击一个不可编辑的单元格会选中它,然后可以通过上下左右键移动到其他单元格当移动到一个可编辑的单元格,可以按下Enter键将单元格切换到编辑模式。当..

jqGrid分页pager配置

评论(0)浏览(17085)分类:jqGrid中文API
jqGrid分页pager配置jqGrid分页  jqGrid仅显示一些数据时,可以一次显示所有的数据而不用考虑使用分页获取数据。但是用处理大量数据的时候,你也许只想显示一次一部分数据,对此,你需要使用导航栏。使用TreeGrid时无法使用分页。定义  导航栏,也可以叫分页组件,html代码里面在table后放置一个div标签。注意是div,不是table,然后将div通过jqGrid的pager配置..

jqGrid表单编辑配置

评论(1)浏览(16803)分类:jqGrid中文API
jqGrid表单编辑配置jqGrid表单编辑jqGrid支持一个浮动的表单用于查看,添加,编辑,删除和查询表格数据,下面为添加记录的效果图  在你的项目中可以使用模态盒子和行编辑。其中,行编辑只能用于编辑已经存在的行,不能用于查询,删除,添加数据。实际应用中,不推荐同时使用这2中方法,因为选择同一行时这2者存在冲突(在这种情况下,当你选择一行来编辑,点击编..

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

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

easyui datagrid fitColumns:true失效解决办法

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

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

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

jqGrid4.0最新版本中文API

评论(4)浏览(8883)分类:jqGrid中文API
jqGrid4.0最新版本中文API  jqGrid4.0最新版本中文API,直接从http://www.trirand.com/jqgridwiki /doku.php?id=wiki:jqgriddocs翻译来的,部分可能翻译得不是好理解,直接硬翻译出来的,呵呵。。由于不常用,没有全部测试所 有配置,要不翻译不好的部分应该可以自己组织文字来描述。jqGrid一些疑难问题和解决方案jqGrid获取服务服务器返回的所有数据jqGrid获取本地查询..

jqGrid treegrid配置

评论(0)浏览(8133)分类:jqGrid中文API
jqGrid treegrid配置  树形表格用于显示在jqGrid中显示分层数据。树形表格支持嵌套集合模型( Nested Set model )和邻接模型(Adjacency model)。描述嵌套集合模型的相关文章推荐http://ftp.ntu.edu.tw/MySQL/tech-resources/articles/hierarchical-data.htmlhttp://www.sitepoint.com/article/hierarchical-data-database分层数据管理-嵌套集合模型分层数据管理..

jqGrid导航Navigator配置

评论(0)浏览(7963)分类:jqGrid中文API
jqGrid导航Navigator配置  导航是一个用户界面,可以简单执行记录操作如查找或者编辑,用户可以执行表格操作通过点击对应的在导航栏上的图标按钮。  开发者可以创建自定义的动作,或者使用jqGrid已经定义的6个动作。jqGrid预定义的动作如下添加新记录编辑选择的行查看选择的记录删除选择的行查找记录重新加载grid这6个按钮在导航层的底部左边位置,如下图所示导航层..

jqGrid colModel配置参数

评论(0)浏览(6796)分类:jqGrid中文API
jqGrid colModel配置参数colModel配置语法示例jQuery(#gridid).jqGrid({//... colModel: [ {name:'name1', index:'index1'...}, {...}, ... ],//...});  下表列出了colModel可用的属性。name属性是唯一需要配置。colModel配置可以读写通过getColProp和setColProp方法。配置项类型描述默认值alignstring定义单元格中内容对齐方式,可用值: left, ce..

jqGrid方法再次执行无效无法刷新数据

评论(0)浏览(6477)分类:jqGrid中文API
jqGrid方法再次执行无效无法刷新数据  今天在csdn看到一个使用jqGrid构造方法执行刷新jqGrid表格操作的问题,将jqGrid构造写成一个函数,然后重复调用这个函数重构jqGrid来实现刷新,但是没有效果。  其实jqGrid提供了刷新的功能$('#gridi').trigger('reloadGrid')  不知道这个童鞋有现成的方法不用,而是需要重构jqGrid,这样效率那么低,需要重新生成jqGri..

jqGrid获取服务服务器返回的所有数据

评论(0)浏览(6282)分类:jqGrid中文API
jqGrid获取服务服务器返回的所有数据  当jqGrid配置的rowNum小于服务器返回的总数据量(records属性记录总数据),调用getRowData方法获取到的只是显示的部分内容,而非服务器返回的所有数据行。  要想获取jqGrid返回的所有数据行,可以添加loadComplete事件,此事件参数只有一个(类型取决于datatype的配置,如果为json,则是服务器返回的json格式的字符串,转为json对象后的。..

jqGrid通用编辑规则

评论(0)浏览(6243)分类:jqGrid中文API
jqGrid通用编辑规则通用编辑属性  一个将数据显示在grid中主要的原因是为了快速容易的编辑它,jqGrid支持3种编辑方法jqGrid单元格编辑配置,事件及方法::编辑表格中的单元格jqGrid行编辑配置:同时编辑一行中的多个单元格jqGrid表单编辑配置:在grid外部的表单中编辑数据行安装在下载管理中每个模块有它自己的要求,但是不管哪个模块,都要勾选通用模块(common..

easyui datagrid数据导出excel文件示例

评论(9)浏览(6081)分类: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 tabs content为iframe没有滚动条解决办法

评论(0)浏览(5794)分类: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没有滚动条解决办法/..

jqGrid显示和隐藏列

评论(1)浏览(5785)分类:jqGrid中文API
jqGrid显示和隐藏列注意,jqGrid4.0+版本不再将这个模块内置在jqGrid核心js文件里面,单独放到了一个js文件里面,要使用这个功能需要另外导入到页面中,获取更多信息查看升级信息:jqGrid 3.8.x 升级到 4.0.0相关更新描述显示一个模态窗口,用户可以选择需要显示和隐藏的列。插件开发者Piotr Roznicki安装  要使用格式化特性,需要在下载页面勾选Columns plugin后..

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

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

jqGrid事件

评论(0)浏览(5400)分类:jqGrid中文API
jqGrid事件  jqGrid事件在配置jqGrid时作为属性传入,例如var lastSel;jQuery(#gridid).jqGrid({//... onSelectRow: function(id){ if(id id!==lastSel){ jQuery('#gridid').restoreRow(lastSel); lastSel=id; } jQuery('#gridid').editRow(id, true); },//...});  上面这个示例指定了当行..

jqGrid方法

评论(0)浏览(5291)分类:jqGrid中文API
jqGrid方法  本章介绍jqGrid基础方法。一些方法需要加载额外的模块。为了兼容jQuery UI类库,jqGrid3.6+使用新API来调用方法。相关信息: jqGrid事件grid相关方法调用方式jQuery(#grid_id).jqGridMethod( parameter1,...parameterN );示例说明grid_id :已经调用jqGrid方法构造过的DOM对象idjqGridMethod :属于jqGrid的方法名称parameter1,parameterN :..

jqGrid单元格编辑为select取值和显示示例

评论(0)浏览(5121)分类:jqGrid中文API
jqGrid单元格编辑为select取值和显示示例  jqGrid设置某个单元格的编辑类型为select,select的option为键值对应的格式(value和text不一样),当此单元格转为文本模式后,单元格显示的内容为option的text内容,并且对应单元格的数据存储也被更新为text,而一般情况下我们希望存储的数据为value,而单元格显示的内容为text。示例代码及效果图如下html headmeta http-equiv=content-..

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

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

jqGrid隐藏表头

评论(0)浏览(4536)分类:jqGrid中文API
jqGrid隐藏表头  jqGrid如何隐藏表头,jqGrid的表头放在一个样式为ui-jqgrid-hdiv的div中,所以如果哪个jqGrid不需要表头,可以添加gridComplete事件,然后找到样式为ui-jqgrid-hdiv的div,隐藏起来就行,效果对比 gridComplete: function () {//this对象为数据列表表格,所以找到数据内容表格和表头的容器后在查找ui-jqgrid-hdiv,表头容器 $(this).close..

jqGrid限制某些列只有在特定条件下才能编辑

评论(0)浏览(4529)分类:jqGrid中文API
jqGrid限制某些列只有在特定条件下才能编辑  jqGrid编辑某行数据时,如何限制某些列的数据只有满足一些特定的条件下时才允许编辑,下面为示例,单元格编辑,行编辑和表单编辑。jqGrid单元格编辑示例  配置beforeEditCell,判断这个单元格是否为要限制的编辑的列,是的话不满足条件则setTimeout restoreCell还原为未编辑状态(会有闪动,因为要转为input后再还原为文本显示)或者设置输..

jqGrid单元格编辑动态设置editoptions dataUrl实现select联动示例

评论(0)浏览(4468)分类:jqGrid中文API
jqGrid单元格编辑动态设置editoptions dataUrl实现select联动示例  之前有写过一篇jqGrid单元格编辑select联动示例的文章,通过使用自定义编辑类型来实现依据某字段值加载select选项,此文将通过setColProp方法来动态修改colModel配置中的editoptions,dataUrl来实现select数据加载,相关文件去jqGrid单元格编辑select联动示例文中查看详细,本文就补贴出重复内容,只贴出js实现逻辑。  不过jqGrid单元格编..

jqGrid单元格自定义显示设置及getRowData获取原始数据示例

评论(0)浏览(4333)分类:jqGrid中文API
jqGrid单元格自定义显示设置及getRowData获取原始数据示例  jqGrid要格式化某个单元格的显示,可以使用colModel的formatter配置,如果仅仅用于显示,而不进行编辑或者调用getRowData获取数据,不会出现什么大问题,示例代码如下data.txt{list:[{id:1,name:test1,sex:1},{id:2,name:test2,sex:0}]}html headmeta http-equiv=content-type content=text/html;charset=utf-8 /titlejqGrid单元格自定义..

jqGrid页头分组

评论(0)浏览(4235)分类:jqGrid中文API
jqGrid页头分组通用规则页头分组就是在表头行上增加附加的列,将需要分组列归并到一起,效果如下  有2种类型的分组方式,colSpan启用或者禁用。默认为禁用,没有分组的列表头上增加一个空白的行,如上所示的Notes列。启用colSpan,那么不会在没有分组的列上增加空白行,此列的表头作为一个整体(如上面的Notes列的2行合并到一起,如最下面那张图所示)下面将..

jqGrid subGrid配置

评论(0)浏览(4220)分类:jqGrid中文API
jqGrid subGrid配置  有些时候需要显示(或者编辑)父表格中选中行的子元素,jqGrid两种操作方法操作子记录。子表格(subGrid)一个grid对象作为子表格(subGrid)安装要使用这个方法,需要在下载页面勾选Subgrid后再下载jqGrid,下载地址:http://www.trirand.com/blog/?page_id=6。源文件grid.subgrid.js在src目录中。属性SubGrids使用父表格中如下属性,事件和..

jqGrid,强大的jquery表格插件

评论(0)浏览(3687)分类:jqGrid中文API
jqGrid,强大的jquery表格插件  jqGrid是一款基于jQuery框架功能强大表格显示数据处理插件,使用jqGrid通过jquery ajax加载动态页返回的json或者xml等其他数据,实现数据表格的显示。 底层表格(Basic Grid):jqGrid开发简单,用户很容易安装管理。CSS控制样式:jqGrid兼容jquery UI主题。开发者可以使用UI CSS Framework改变表格的皮肤。速度快:最新版本渲染引擎改进加..

jqGrid JSON数据源读取器选项配置

评论(0)浏览(3628)分类:jqGrid中文API
jqGrid JSON数据源读取器选项配置  本章介绍jqGrid配置datatype为 json/jsonp/ jsonstring数据类型时,如何设json数据的读取器。3.6.5 以后的版本返回的json格式字符串需要为标准格式的,怪异模式的会出错。这个问题主要是jQuery造成,jQuery1.4+版本要求json数据为标准的。参考:jQuery dataType指定为json的问题关于json的更多信息查看这里: HERE and HERE  JSON数据源..