jqGrid使用总结:数据加载、单元格编辑、底部导航、汇总合计行等常用操作。

jqGrid是一个比较好的JavaScript开源表格组件,尤其它的编辑功能比较强大,另外其源码可读性非常好。本文列举了jqgrid的学习资源、国内cdn资源,jqgrid的增、删、改、查操作,底部导航、文本框搜索及统计汇总行使用;获取选中行数据而非rowId;批量删除选中行;动态显示、隐藏列;通...

2019-01-09 09:22:59

阅读数 453

评论数 0

CSS3新特性详解(五):多列columns column-count和flex布局

简单来说Html Dom元素就2类:行内元素和块级元素,前者在行内显示(span等),后者换行显示(div等)。所谓布局,比如早期的4大布局:块布局、行内布局、表格布局、定位布局,多半解决的是块级元素行内显示问题,从早期的table布局,到后来的div+css布局,再到后来的多列布局、flex布局...

2019-07-15 09:16:51

阅读数 65

评论数 0

CSS3新特性详解(四):CSS3过度transition和动画animation @keyframes规则详解

本文讨论CSS3的过渡transition和动画animation属性。包括transition过渡属性使用说明、注意事项;animation动画属性的使用说明、注意事项,@keyframes规则定义;案例演示。

2019-07-11 15:13:38

阅读数 194

评论数 0

CSS3新特性详解(三):CSS3 2D转换和3D转换 transform 变形使用详解

transform是一个相对比较难的属性,2D转换还好点,3D转换由于涉及空间旋转、透视等比较难以理解,但是我们只要掌握transform本质上就是一系列变形函数,分别是translate位移,scale缩放,rotate旋转,skew扭曲和matrix复合变换,再结合些许空间透视概念,那么我们一...

2019-07-07 15:27:05

阅读数 1039

评论数 0

CSS3新特性详解(二):CSS3 字体@font-face详解、如何创建和修改woff字体文件及text-shadow等文本效果

在 CSS3 之前,web 设计师必须使用已在用户计算机上安装好的字体。通过 CSS3 @font-face,前端开发人员可以使用他们喜欢的任意字体,如Font Awesome fa字体,Glyphicons字体图标等,甚至可以使用自定义字体文件。本文还讲述了text-shadow 文本阴影、ov...

2019-06-30 11:18:43

阅读数 536

评论数 0

CSS3新特性详解(一):CSS3选择器、边框、背景使用细节及案例演示

CSS3 是 最新的CSS标准,这套新标准提供了更加丰富且实用的规范,如:盒子模型、背景和边框、文字特效、过度、动画等等。在 Web 和小程序开发中采用 CSS3 将会显著的美化我们的应用程序,提升用户体验。从本篇起将陆续讲解CSS3的常用新特性,力求提供更多案例、特效,一来对CSS3做个总结,二...

2019-06-28 12:29:17

阅读数 91

评论数 1

web页面 js 加载和显示Markdown .md文件总结

Markdown文件是当下比较流行的内容展示格式,简书、github等都推荐使用md文件来展示内容。本文讨论web页面如何加载和展示markdown md文件,并提供了一个来自有道的markdown web编辑、预览器。

2019-06-24 12:41:37

阅读数 314

评论数 0

jQuery 滚动条插件nicescroll 使用方法、常见配置和事件回调使用说明

nicescroll是一款基于jQuery的滚动条插件,使用简单,功能又比较强大,较mCustomScrollbar而言功能相差无几,但是所需资源文件少,DOM结构也简单,比较遗憾的是nicescroll没有直接的事件触发。本文除介绍nicescroll的使用和参数配置说明外,将着重介绍nices...

2019-06-20 09:39:38

阅读数 109

评论数 0

jqGrid 动态设置行选中、取消中选中 setSelection使用注意事项

jqGrid可以使用setSelection方法动态设置某行选中或不选中,但是setSelection其实是一个toggle函数,该行原本选中调用该函数后则取消选中,否则选中。为此在实际使用过程中,我们需要特别注意这个坑,并适当修改setSelection函数,设置行选中则无论该行之前是否选中,该...

2019-06-18 09:00:49

阅读数 129

评论数 0

ztree autoCheckTrigger=true时 子节点复选框选中 导致父节点onCheck触发多次问题处理

ztree实现复选框功能、级联选中,并且子节点选中时,父节点自动选中,子节点取消选中(若所有子节点都没有选中)则父节点也会自动取消选中,check配置如下:check:{enable:true,chkStyle:"checkbox",chkboxType: { "Y&...

2019-06-05 08:04:07

阅读数 73

评论数 0

jqGrid 表格分组 grouping 使用汇总 动态展开收起分组 新增、删除、编辑行自动更新分组统计

jqGrid表格自带group分组功能,包括表头Header分组和表格内容分组功能,本文讨论表格行如何实现分组统计;表格行新增、删除时如何自动更新分组统计;表格行汇总列单元格编辑室如何更新分组统计;如何动态实现分组展开、收起功能。

2019-05-28 07:22:41

阅读数 149

评论数 0

jqGrid subgrid 使用指南:参数、方法、事件说明及一个完整的DEMO演示

jQuery DataTable有类似subgrid功能,实现也比较简单,只要设置列class “details-control”,并绑定td.details-control的click事件,在事件中实现对应行row.child(subgrid内容).show() 或 hide()即可。jqGri...

2019-05-20 08:37:10

阅读数 62

评论数 0

jqGrid 如何实现高度自适应 跟随窗口尺寸变动自动调整高度

jqGrid可以在构建的时候通过height参数来设置表格初始高度,也可以在后续通过调用setGridHeight函数来动态设置表格高度。本文利用jqGrid的setGridHeight函数和window的resize事件实现jqGrid高度自适应,随窗口尺寸变动自动调整表格高度。

2019-05-14 08:42:46

阅读数 162

评论数 0

jqGrid 多选模式下 表格行单元格按钮点击后 利用stopPropagation阻止事件冒泡 从而阻止该行被选中

jqGrid 多选模式下 表格行单元格按钮点击后 利用stopPropagation阻止事件冒泡 从而阻止该行被选中。假设表格某列formatter是一个操作按钮组合,那么点击按钮后,我们发现该按钮所在行也会被选中。我们可以利用事件冒泡机制,阻止按钮事件向上冒泡从而实现按钮点击与该行是否选择隔离。

2019-05-13 10:10:21

阅读数 34

评论数 0

jqGrid 基于beforeSelectRow事件和ui-state-disabled 禁止行选中和动态设置某行不可选中

jqGrid 基于beforeSelectRow事件和ui-state-disabled 实现行不可选中,禁止行选中,动态设置某行不可选中。

2019-05-08 10:56:20

阅读数 171

评论数 2

jqGrid colMenu列菜单 排序、显示隐藏、分组统计,添加、删除菜单项使用指南

在上篇博文“jqGrid 右键菜单contextmenu简单实现”中,探讨了jqGrid右键自定义菜单的实现,比如可以使用右键菜单实现统一的行记录编辑、删除、新增入口。本文探讨jqGrid自带的列快捷菜单colMenu使用细节:列排序,列过滤,列分组,列显示、隐藏,菜单项添加、删除等。

2019-05-06 09:15:09

阅读数 60

评论数 0

js 模板引擎 art-template 完整使用案例,如何渲染、外部函数注册调用、if else each等流程控制

js 模板引擎 art-template 完整使用案例,如何渲染、外部函数注册调用、if else each等流程控制,包括:js type="text/html" 模板定义;template过滤器注册,同早期版本的helper函数;template模板渲染;url参数解析

2019-04-28 10:57:10

阅读数 86

评论数 0

jqGrid beforeSaveCell和afterSaveCell实现单元格编辑复杂业务逻辑验证及其它列关联更新

jqGrid beforeSaveCell和afterSaveCell实现单元格编辑复杂业务逻辑验证及其它列关联更新。editrules一般基于内容的格式、值范围验证,beforeSaveCell则可用于复杂的业务逻辑验证。afterSaveCell则可用于表格其它列关联更新。

2019-04-26 08:54:26

阅读数 150

评论数 0

jqgrid基于onSelectRow和onSelectAll实现选中行汇总合计

基于jqGrid的两个事件:onSelectRow(选中、取消选中行),onSelectAll(全选、取消全选),我们可以实现选中行汇总合计。

2019-04-25 08:10:13

阅读数 190

评论数 0

前端iframe框架在火狐、谷歌、Safari浏览器下如何快速查看页面地址src

有个饮料企业进销存应用,采用的是每个TAB页加载一个iframe,然后用iframe加载jsp页面。在实际开发、测试中,往往需要快速定位到当前Active的TAB页对应的Iframe加载的是具体哪个页面,方便修改。以火狐、谷歌和Safari浏览器为例,简单看下如何快速查看iframe加载的页面信息...

2019-04-24 07:00:03

阅读数 70

评论数 0

提示
确定要删除当前文章?
取消 删除