2019年03月_老马历写记

12月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 jqgrid使用colModel的classes属性实现单元格内容过长自动截取带省略号和强制换行

jqgrid单元格默认不换行，超出部分被隐藏，鼠标移上去会显示全部内容，原因是单元格设置了overflow:hidden和title属性。我们可以通过colModel的classes属性，给列设置class改变jqgrid单元格默认显示样式。比如单元格内容强制换行，单元格内容超出部分用省略号显示。

2019-03-29 18:29:58 4066

原创 jqGrid 右键菜单contextmenu简单实现

鼠标右键单击表格弹出快捷菜单可以查看、编辑、新增、删除行记录，这是很多项目的常见操作，jqGrid也可以实现类似功能。本文讲述如何依赖bootstrap-contextmenu快速实现jqGrid右键菜单功能。

2019-03-28 11:18:11 2380 1

原创 jqGrid可编辑模式下单元格内容不能复制处理

jqGrid不可编辑模式下，鼠标点击单元格内容并选中要复制的内容，然后就可以复制、粘贴；然而在可编辑模式下则行不通，一旦单元格鼠标点击后，若该列不可编辑则表格会失去焦点，从而导致选中的内容丢失，因此无法进行复制、粘贴，怎么办？其实方案挺简单，就是在鼠标松开前进行复制，后续再粘贴

2019-03-27 10:18:19 1354

原创 jqGrid multiselect多选模式下 multiboxonly设置为true 点击行原选中行会被重置问题处理

jqGrid multiselect多选模式下 multiboxonly设置为true 点击行原选中行会被重置问题处理，除了设置multiboxonly=true外，还需要设置multikey.

2019-03-26 13:53:52 2533

原创 jqgrid setCell 单元格赋值空字符串无效处理

最近在使用jqgrid给单元格赋值时发生一个诡异的问题，grid.jqGrid('setCell', rowId, colName, '')，给单元格赋空字符串居然无效。查看jqgrid源码后，给单元格赋值需要注意，请使用如下两个方法：1）grid.jqGrid('setCell', rowId, colName, ' ') // 赋值空格2）grid.jqGrid('setCell', rowId, colName, '', '', '', true) // 带上强制刷新标记

2019-03-24 11:12:07 3936

原创谈腾讯地图web api如何实现类似百度地图内置的城市切换、关键字输入提示功能

PC WEB端新增客户的时候需要填写客户地址和联系人信息，包括：省市区、街道、详细地址和经纬度以及联系人、固话和移动电话。获取客户地址信息之前用的是百度地图，由于小程序中客户拜访时，需要对客户进行定位、距离计算，所以客户经纬度都转换成了gcj02坐标。由于之前的百度地图经纬度坐标是百度自己坐标，因此需要获取经纬度时进行坐标转换，根据坐标点在百度地图上显示时需要二次转换，所以打算将百度地图替换成腾讯地图。本文讨论基于腾讯地图如何实现类似百度地图的城市切换、关键字搜索提示功能。

2019-03-19 13:28:49 4361

原创 jquery ajax springmvc 如何将多个请求封装成一个请求？

在做前端页面优化时，大厂都会通过将多个资源文件以逗号分隔，一次性下载下来，减少请求数，从而提升页面加载速度。除了静态资源请求外，在页面初始化时，有时我们会用ajax发起多个异步请求，若这些请求有先后顺序则更难处理，还要确保请求A调用结束才可调用请求B。一来会增加页面加载时间，还会增加开发难度、影响代码质量。本文讨论 jquery ajax springmvc 如何将多个请求封装成一个请求。

2019-03-18 12:57:35 718

原创 css attribute属性模糊匹配、nth-child元素位置索引匹配等复杂选择器使用总结

css有很多选择器，常见的有：根据id、class、html标签等，除此之外还有一些复杂的选择器，比如：按属性模糊匹配、查找紧接在div元素之后的所有p元素、最后一个child、empty空元素等复杂选择器、按An+B索引位置查找元素等，本文就css 复杂选择器做一总结。

2019-03-15 10:31:44 1401

原创 jquery dom 节点append、before、after、prepend、insertBefore、empty、remove等添加、移除操作汇总

之前有个项目前端页面会根据权限进行DOM操作，比如：增加新增、编辑按钮，增加表格操作列等，涉及节点新增、某个节点前后插入、节点移除等操作，在此，对jquery DOM节点的各种操作做一总结，append, appendTo, prepend, prependTo, before, after, insertBefore, insertAfter。

2019-03-14 09:03:29 1237