第2页_热门博文_Web前端开发框架_Web前端开发

jqGrid frozencolumn

2013-7-9评论(0)浏览(3371)分类：jqGrid中文API

　　开发者很容易冻结/锁定jqGrid的一些列。锁定的列不会滚动出可见区域当滚动jqGrid的水平滚动条时，这样如果有很多列grid出现水平滚动条时，可以保持某些列始终可见。设置　　首先需要设置哪些列需要冻结或者锁定，可以在colModel中设置frozen：true，下面为示例jQuery(#grid).jqGrid({//... colNames: ['Date', 'Client', ..

jqGrid数据分组

2013-7-10评论(0)浏览(3296)分类：jqGrid中文API

通用规则　　按照不同标准对数据进行分组，目前只支持一个级别的分组。在jqGrid中配置grouping:true，groupingView:{groupField：需要分组的列名称（来自colModel的name）}，启用分组功能。　　如果你希望正确分组，服务器返回的数据需要按照配置的列排序过。如果为本地模式（local mode ，data为数组），数据会自动分组（排序），不需要定义任何..

easyui datagrid表头分组内容和表头对不齐解决办法

2014-10-17评论(1)浏览(3282)分类：easyui开发技巧

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

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

jqGrid选项配置

2013-6-25评论(0)浏览(3160)分类：jqGrid中文API

　　jqGrid选项配置属性默认从静态变量$.jgrid.defaults中加载。英文版本的属性默认配置如下。本人下载的jqGrid4.4.0示例中暂时不支持中文语言的语言包，所以要配置为中文语言，只能通过重写下面表格列出的属性来实现。语言配置文件在demo目录js/i18n这个文件夹下，要改为其他语言加载对应的js语言配置文件即可。$.jgrid = {defaults : {recordt..

jqGrid自定义按钮

2013-7-3评论(0)浏览(3152)分类：jqGrid中文API

jqGrid分页器自定义按钮自定义按钮可以执行自定义动作，被添加到分页器中。定义调用方式jQuery(#grid_id).navGrid(#pager,...).navButtonAdd(#pager,{parameters});新API调用方式jQuery(#grid_id).jqGrid('navGrid',#pager,...).jqGrid('navButtonAdd',#pager,{parameters});parameters 默认配置{ caption:NewButton, buttonico..

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

2013-12-30评论(0)浏览(3137)分类：easyui开发技巧

　　要实现的效果：点击easyui tree节点，如果tree节点包含href属性，则动态的往easyui tabs对象添加一个tab，tab加载href中指向的url地址内容。　　实现要点：href属性不是easyui tree数据源的标准配置，所以需要将非标配数据放到attributes节点中，要不直接放到数据节点中获取不到附加数据Every node can contains following properties: id: ..

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

2014-10-15评论(0)浏览(3056)分类：easyui开发技巧

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

jqGrid单元格编辑select联动示例

2013-9-16评论(0)浏览(2933)分类：jqGrid中文API

　　2013-09-18更新：更正colModel不可动态修改，colModel配置可以动态的通过setColProp方法进行修改，包括editoptions配置。具体示例查看这篇文章：jqGrid单元格编辑动态设置editoptions dataUrl实现select联动示例　　jqGrid启用单元格编辑，当设置编辑元素为select，如何依据另外一列的值来动态加载select的option。如省市联动，修改市的内容..

jqGrid工具栏查询

2013-7-6评论(0)浏览(2922)分类：jqGrid中文API

　　这个方法在grid表头下面构造搜索表单。当表头改变宽度，搜索元素也会自动调整大小适应新表头宽度。此方法使用jqGrid配置的url作为查询服务器获取数据的接口。当执行查询时，键值对对象被提交到服务器（配置的url地址），此数据附加到postData参数，仅提交输入过内容的字段。当清空查询表单，附加的数据会从postData中删除。提交服务器的数据..

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

2014-11-11评论(0)浏览(2916)分类：easyui开发技巧

　　javascript判断easyui datagrid是否在编辑状态，及如何获取当前正在编辑的数据行数据。　　获取easyui datagrid正在编辑的数据行源代码如下 function getEditRow(datagridId) {//datagridId为table容器的id var input = $('#' + datagridId).parent().find('div.datagrid-body input'), row; ..

jqGrid高级查询

2013-7-6评论(0)浏览(2900)分类：jqGrid中文API

　　高级查询可以同时查询多个字段，使用不同的条件。单字段和高级查询使用相同的方法，但是配置和提交的数据不一样。安装要使用这个模块，你需要在下载页面勾选Common, Form Edit, filter插件，下载地址：http://www.trirand.com/blog/?page_id=6调用方式jQuery(#grid_id).searchGrid( {multipleSearch:true,...} );//新 APIjQuery(#grid_id).j..

jqGrid预定义格式化类型

2013-7-4评论(0)浏览(2837)分类：jqGrid中文API

　　格式化程序支持在表单，行，单元格编辑中将内容以自定义想要的格式来显示。格式化程序有２种形式，预定义的和自定义的，这节我们介绍的为预定义的格式化程序。jqGrid模块需求要使用格式化特性，需要在下载页面勾选 Formatter module后再下载jqGrid，下载地址：http://www.trirand.com/blog/?page_id=6。语言选项格式化选项语言在语言文件中定..

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

2014-11-13评论(0)浏览(2751)分类：easyui开发技巧

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

easyui datagrid单击单元格选择此列

2014-3-18评论(0)浏览(2725)分类：easyui开发技巧

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

Ext整合显示echarts示例

2015-12-29评论(0)浏览(2648)分类：extjs开发技巧

　　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..

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

2014-3-21评论(0)浏览(2598)分类：easyui开发技巧

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

jqGrid：treeGrid嵌套集合模型

2013-7-9评论(0)浏览(2588)分类：jqGrid中文API

　　如jqGrid treegrid配置中提到的，treeReader属性很重要。了解分层数据管理-嵌套集合模式的基本概念，将会更容易配置这个属性。treeReader配置　　默认嵌套集合模型的（nested set model）treeReader配置如下treeReader : { level_field: level, left_field:lft, right_field: rgt, leaf_field: isLeaf, expanded_field: expa..

easyui datagrid跨域加载jsonp数据源

2014-11-19评论(0)浏览(2534)分类：easyui开发技巧

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

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

2013-9-10评论(0)浏览(2402)分类：easyui开发技巧

　　easyui的插件datagrid配置某些列的允许排序，并且关闭了远程排序（remoteSort:false），当点击排序列排序后，如果插入的数据行，或者修改某数据行对应排序的列值时，如何使添加或者修改后的数据行按照当前的排序方法进行排序后显示在对应的位置，而不是插入到最后或者显示在原来的位置。　　easyui的datagrid没有提供相关的方法，需要自己写..

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

2013-7-8评论(0)浏览(2299)分类：extjs开发技巧

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

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

2014-11-25评论(0)浏览(2285)分类：easyui开发技巧

　　easyui的combogrid当配置pagination为true进行分页时，当datagrid加载其他数据页，和上一次选中的valueField不匹配时，会导致combogrid直接显示valueField的值，而不是textField的值。第一页包含valueField，可以选中记录和正常显示textField的值第二页未包含valueField，datagrid没有选中的记录，combogrid直接显示出valueField的值。　　c..

jquery easyUI tree遍历函数

2011-9-23评论(0)浏览(2255)分类：easyui开发技巧

　　如果jquery easyui的tree插件json数据源没有定义id，而是希望通过text来定位节点，那么无法使用find方法查找节点，此时需要遍历tree控件的节点，对比text属性实行遍历对比定位节点，可以使用getRoots和getChildren进行遍历。方法如下+展开-JavaScriptfunctionTravel(treeID){//参数为树的ID，注意不要添加#varroots=$('#'+treeID).tree('get..

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

2014-12-12评论(0)浏览(2246)分类：easyui开发技巧

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

easyui combobox editable和required属性冲突

2015-7-21评论(0)浏览(2054)分类：easyui开发技巧

　　easyui combobox配置editable为false，并且required配置为true时，当combobox值为空，提交表单时，错误提示信息不回显示出来，如下图所示，控件样式加上了，但是tooltip错误并没有显示出来，去掉editable为false的配置或者配置为true，错误提示信息是显示出来的。　　猜测可能是easyui的bug。如果一定配置combobox的editable为false，requir..

datagrid getChecked获取的数据不正确

2014-6-10评论(0)浏览(2017)分类：easyui开发技巧

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

jqGrid单字段查询

2013-7-6评论(0)浏览(2015)分类：jqGrid中文API

　　单字段查询从服务器查询数据，一次只对一个字段进行查询。使用这个方法构造一个模态表单，用户可以选择一个字段用于查询。这个方法使用url提交数据，自定义和工具栏查询方法不一样。不同就是提交的数据不是键值对，参考下面数据如何提交安装要使用这个模块，你需要在下载页面勾选Common, Form Edit, filter插件，下载地址：http://www.trira..

jqGrid：treeGrid邻接模型

2013-7-9评论(0)浏览(2009)分类：jqGrid中文API

　　如jqGrid treegrid配置中提到的，treeReader属性很重要。了解分层数据管理-邻接表模型模式的基本概念，将会更容易配置这个属性。treeReader配置　　默认邻接模型的（adjacency model）treeReader配置如下treeReader = { level_field: level, parent_id_field: parent, // then why does your table use parent_id? leaf_field: isLeaf..

Grid作为Subgrid

2013-7-8评论(0)浏览(1924)分类：jqGrid中文API

　　此方法和事件比较像解决方案，而不是专门的方法。作为子表格的替代，调用父表格subGrid方法创建的为一个表格，不是子表格，拥有父表格的所有属性和功能，只是出现在展开记录的下面，效果如下图所示安装要使用这个方法，需要在下载页面勾选Subgrid后再下载jqGrid，下载地址：http://www.trirand.com/blog/?page_id=6。源文件grid.subgrid.js在..

easyui初始化隐藏tabs

2014-2-25评论(0)浏览(1909)分类：easyui开发技巧

　　本示例实现jquery easyui在初始化的时候，自动隐藏其他tab。easyui tabs有3个tab，现在只显示title2选项卡，其他2个tabs选项卡隐藏起来。备注：请用easyui1.3+版本测试，低于这个版本的easyui隐藏其他tab有UI bug，默认显示的tab的内容部分被隐藏起来了。　　源代码如下!DOCTYPE htmlhtmlheadmeta charset=gb2312titleeasyui初始化隐藏tabs/..