easyui datagrid合并主键值一样的记录

评论(0)浏览(9)分类:easyui
easyui datagrid合并主键值一样的记录  easyui datagrid如何将相同主键值的记录进行数据合并,显示在第一行,数据源截图和默认datagrid显示效果如下,数据源其实就是下载的压缩包里面jquery-easyui-1.4.1\demo\datagrid\datagrid_data1.json改的,将productid改相同几个。未合并前显示效果数据源截图示例合并后效果easyui datagrid合并主键值一样的记录源代码如下 script ..

KindEditor IE11下粘贴到最后bug解决办法

评论(0)浏览(17)分类:JavaScript/Ajax
KindEditor IE11下粘贴到最后bug解决办法  KindEditor 4.1.6在 IE11,内容比较多出现滚动条时,如果想在内容中间粘贴其他内容,会导致粘贴的内容被粘贴到编辑器最后,而不是在光标所在位置。资料引用:https://github.com/kindsoft/kindeditor/pull/193/commits/7e6cde5adc8d105fb2888b038e8e9164a5dd2129#diff-1c90ff38a08209f9ebd4d05d1e43358eKindEditor 4.1.7http://blog.csdn.ne..

kindeditor链接添加SEO rel nofollow

评论(0)浏览(9)分类:JavaScript/Ajax
kindeditor链接添加SEO rel nofollow  kindeditor如何给链接添加SEO rel属性 nofollow不跟踪外链,效果如下图所示。  kindeditor版本为KindEditor 4.1.6,其他版本自己按照如下步骤修改源代码,主要是kindeditor-min.js的修改比较麻烦,压缩过的。1)修改配置语言,下载压缩包 lang\zh_CN.js新增如下配置'link.url' : 'URL','link.linkType' : '打..

extjs combobox省市县3级联动示例

评论(0)浏览(40)分类:extjs
extjs combobox省市县3级联动示例  extjs combobox省市县3级联动示例,示例居于ext-4.1.1a,4+版本应该不会出错,3-自己注意修改store的创建模式,3+和4+是extjs的分水岭,store创建基本完全不一样,自己对照api修改如果需要兼容3-版本的extjs。  extjs combobox省市县3级联动示例源代码如下!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/html4/str..

microsoft.xmldom加载xml错误缺少所需的空白区

评论(0)浏览(35)分类:HTML/CSS兼容/XML
microsoft.xmldom加载xml错误缺少所需的空白区  用microsoft.xmldom加载xml文件时,如果xml文件添加了DTD,DTD元素名称和说明之间要存在空格,否则会报错。错误原因:缺少所需的空白区。错误行:1  测试代码如下test.htmlscript var xml = new ActiveXObject(microsoft.xmldom); xml.async = false; xml.validateOnParse = true; xml.load(book.xml); document.write(..

canvas保存为图片,兼容IE9+,chrome,Firefox

评论(0)浏览(95)分类:JavaScript/Ajax
canvas保存为图片,兼容IE9+,chrome,Firefox  javascript将canvas对象保存为图片示例,兼容IE9+,chrome,Firefox,效果如下firefox将canvas对象保存为图片chrome将canvas对象保存为图片IE11将canvas对象保存为图片  javascript将canvas保存为图片源代码如下titlejavascript将canvas对象保存为图片示例/titlecanvas id=c/canvasbr /input type=button value=保存canvas为图片 onclick=..

文字查询焦点效果

评论(0)浏览(39)分类:JavaScript/Ajax
文字查询焦点效果  文字查询效果,js自动设置查询条件焦点样式,如下图所示  文字查询效果,js自动设置查询条件焦点样式源代码如下,需要导入jquery框架style a{text-decoration:none} a.cur{background:#00afc7;color:#fff;font-weight:bold;}/stylediv id=dvFilter!--查询条件,容器div增加rel属性存储次条件的查询键名称,连接只需要生成此查询的键..

js css3 3d翻牌效果

评论(0)浏览(52)分类:HTML/CSS兼容/XML
js css3 3d翻牌效果!doctype htmlhtml lang=enhead meta http-equiv=Content-Type content=text/html; charset= utf-8 titlecss3 3d翻牌效果/title style* {margin:0;padding:0;list-style-type:none;}.warperMain01_2 {height:auto;background: #eff1f0;font-family:微软雅黑;overflow:hidden; margin:0 !important; padding:5em 0;}.warperMain01_2 h1{..

浮动层div遮盖select

评论(0)浏览(35)分类:HTML/CSS兼容/XML
浮动层div遮盖selecthtmlhead meta http-equiv=Content-Type content=text/html; charset=gb2312 titleJK:支持民族工业,尽量少买X货/title/headbody div style=z-index:10;position:absolute;width:100;height:18;overflow:hidden; onmouseover=this.style.height=100; onmouseout=this.style.height=18; iframe style=position:absolute;z-index:-1;width:100%;he..

easyui combobox删除指定项目

评论(0)浏览(103)分类:easyui
easyui combobox删除指定项目  easyui combobox没有提供datagrid类似的deleteRow方法删除数据行,要删除combobox的下拉项目,可以直接操作数据源来实现easyUI combobox下拉项目的删除。getData获取数据后删除数据源中的项目,然后再loadData加载下数据源就行。  easyui combobox删除指定项目源代码如下,居于jquery-easyui-1.4.3/demo/combobox/basic.html修改。script ..

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

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

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

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

百度地图搜索当前用户位置附近停车场示例

评论(0)浏览(77)分类:JavaScript/Ajax
百度地图搜索当前用户位置附近停车场示例  百度地图搜索当前用户位置附近停车场,公园,餐馆示例思路就是用BMap.Geolocation类获取经纬度http://lbsyun.baidu.com/cms/jsapi/reference/jsapi_reference.html#a7b34然后使用BMap.LocalSearch进行搜索停车场http://lbsyun.baidu.com/index.php?title=jspopular/guide/service#.E6.9C.AC.E5.9C.B0.E6.90.9C.E7.B4.A2经测试使用BMap.Geolo..

JavaScript调用百度地图显示驾车,步行导航示例

评论(0)浏览(94)分类:JavaScript/Ajax
JavaScript调用百度地图显示驾车,步行导航示例  JavaScript调用百度地图显示驾车,步行导航示例JavaScript调用百度地图显示驾车,步行导航示例源代码如下htmlhead meta http-equiv=Content-Type content=text/html; charset=utf-8 / meta name=viewport content=initial-scale=1.0, user-scalable=no / style type=text/cssbody, html {width: 100%;height: 100%; margin:0;font-f..

如何阻止微信打开网页下拉显示黑色背景

评论(0)浏览(1373)分类:JavaScript/Ajax
如何阻止微信打开网页下拉显示黑色背景  网页在微信中打开时,处于第一屏,如果触屏往下滑动时,在屏幕上方会显示一个黑色背景块显示网页由xxxx提供,QQ浏览器x5内核提供技术支持的信息。  如何禁止触屏下滑显示这个信息呢,解决办法就是添加touchstart和touchend事件,在touchstart中阻止默认事件,touchend中设置body或者documentElement的scrollTop来实现滚动。  如何阻止网..

addEventListener第三个参数useCapture说明

评论(0)浏览(77)分类:JavaScript/Ajax
addEventListener第三个参数useCapture说明  addEventListener第三个参数useCapture为布尔变量(true/false),用于指定事件使用冒泡(false)还是捕获(capture)方式,一般设置未false,使用冒泡方式。  以下面示例说明addEventListener第三个参数useCapture配置不同值,点击最里层Level3执行顺序。titleaddEventListener第三个参数useCapture说明/titlestylediv{border:solid 1px ..

JavaScript调用百度语音朗读信息

评论(1)浏览(137)分类:JavaScript/Ajax
JavaScript调用百度语音朗读信息  titleJavaScript利用百度语音服务朗读文字示例/title名字:input type=text id=txtName /br其他:input type=text id=txtOther /input type=button onclick=setSrc() value=朗读/div id=dvAudio/divscript type=text/javascript function setSrc() { var t = (document.getElementById('txtName').value + ' ' + ..

javascript树数据源嵌套结构和扁平结构互转

评论(0)浏览(92)分类:JavaScript/Ajax
javascript树数据源嵌套结构和扁平结构互转  javascript树,嵌套结构数据源和扁平结构数据源相互转换示例titlejavascript树数据源嵌套结构和扁平结构互转示例/titlescript type=text/javascript function FlatToNested(data, opt) {//树数据源扁平结构转嵌套 opt = opt || {}; var idFiled = opt.idFiled || 'id'; var textFiled = opt.textFiled || &..

JavaScript模拟冒泡排序

评论(0)浏览(55)分类:JavaScript/Ajax
JavaScript模拟冒泡排序  JavaScript模拟冒泡排序排序过程,冒泡排序模拟过程效果!DOCTYPE htmlhtml lang=enheadmeta charset=UTF-8titleJavaScript模拟冒泡排序/titlestyle type=text/cssdiv div{width: 10px;background-color: red;display: inline-block;margin-right: 1px;text-align: center;line-height: 30px;}#show {width: 500px;height: 300px;margin-left..

kindeditor预览窗口如何全屏显示

评论(0)浏览(122)分类:JavaScript/Ajax
kindeditor预览窗口如何全屏显示  如何修改kindeditor预览窗口全屏实现,kindeditor的预览窗口不是全屏的,如果要改为全屏预览,可以修改kindeditor\plugins\preview\preview.js文件如下即可实现全屏预览(注意修改窗口大小是不会自适应的,只是点击预览按钮时当前窗口大小)。/******************************************************************************** KindEdito..

js文字查询条件选择查询效果

评论(0)浏览(144)分类:JavaScript/Ajax
js文字查询条件选择查询效果  js实现类似京东的查询条件选择效果。titlejs实现类似京东的查询条件选择效果/titlestyle div.condition{border:solid 1px #eee;} div.condition a{margin-right:10px} div.condition a.selected,div.condition a:hover{background:#0094ff;color:#fff;}/stylescript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.j..

chrome frameset鼠标调整宽度后设置rows无效

评论(0)浏览(59)分类:JavaScript/Ajax
chrome frameset鼠标调整宽度后设置rows无效  chrome浏览器下,frameset中的frame没有设置为noresize时,是可以通过鼠标来拖拽更改frame大小的(多有浏览器都可以),但是在chrome下如果鼠标拖拽更改过frame的大小,再设置frameset的rows/cols属性后,将无效,不会按照rows/cols设置的大小更改frame大小。如果要实现某个frame显示隐藏,将不会隐藏frame。  测试代码如下1.htmlframeset..

easyUI layout west easy面板展开箭头按钮调整到垂直居中

评论(0)浏览(190)分类:easyui
easyUI layout west easy面板展开箭头按钮调整到垂直居中  easyUI layout west easy面板展开箭头按钮默认在标题那列,如何调整到中间位置,如下图所示easyUI layout展开箭头默认效果easyUI layout展开箭头修改后效果  示例居于easyui/jquery-easyui-1.4.4/demo/layout/full.html修改,其他版本自己浏览器调试工具看展开后对应的样式类名称。  easyUI layout west easy面板展开箭头按钮调整到中间..

body高度为0但是背景色填充整个浏览器

评论(0)浏览(87)分类:HTML/CSS兼容/XML
body高度为0但是背景色填充整个浏览器  给body元素设置背景色,但是body没有内容,高度没有填充整个浏览器情况下,浏览器整个窗口都是body设置的背景色,这个是什么导致的?  测试代码如下啥???body高度才28(默认margin 8x2+padding 5x2+border 1x2)??那整个浏览器的颜色是哪里来的????? !doctype htmlstyle body{background:#f00;border:solid 1px #000;padding..

select2动态添加选项

评论(0)浏览(218)分类:JavaScript/Ajax
select2动态添加选项  select2查找选项时,如果不存在,如何动态添加用户输入的查找内容项目,实现如下效果。select2默认的下拉选项过滤后的选项,select2没有输入的匹配项目,给提示信息添加按钮点击添加选项点击按钮后给select2添加新输入选项并选中,并且下拉出现此自定义项目  本示例居于Select2 4.0.3修改,其他版本注意修改选择器。第一步,修改查找没有记..

easyui draggable只允许左键拖动

评论(0)浏览(88)分类:easyui
easyui draggable只允许左键拖动  如何设置easyui draggable只允许左键拖动,按下右键或者滚轮键不允许拖动(默认easyui draggable 鼠标3个键按下都可以拖动,因为绑定的是mousedown事件)。  解决办法需要修改jquery.easyui.min.js源代码,找到下面类似的语句,可以记事本打开jquery.easyui.min.js,然后搜索bind(mousedown.draggable,第一个出现的位置就是(jquery-easy..

extjs判断gridpanel是否滚动到底部

评论(0)浏览(114)分类:extjs
extjs判断gridpanel是否滚动到底部  extjs判断gridpanel是否滚动到底部,思路就是获取extjs gridpanel的数据容器,添加scroll事件,判断数据容器的scrollTop+offsetHeight=scrollHeight时就到底了。  本实例居于ext-4.1.1a,其他版本自己检查api(主要3-以下版本)兼容性,示例居于ext-4.1.1a/examples/grid/array-grid.html修改 var grid = Ext.create('Ext.grid.Panel..

css选择器\数字,转义数字意义

评论(0)浏览(90)分类:HTML/CSS兼容/XML
css选择器\数字,转义数字意义  css数字选择器其中出现\数字类型,css数字选择器名称有什么意义。.\39 { background-color: #ccc; color: red;}/* '\' 的unicode码是5c */.unicode\5c { background-color: #666; color: white;}.8 { background-color: #DDD; color: blue;}  当css class名是数字开头或者包含特殊字符的话,在写CSS样式的的..

jquery控制表格跨列单元格显示隐藏

评论(0)浏览(82)分类:JavaScript/Ajax
jquery控制表格跨列单元格显示隐藏  jquery控制表格跨列单元格显示隐藏。表格列很多时,存在跨列跨行合并,如何点击表头实现跨列单元格隐藏,只显示当前第一列的值,从而缩小表格宽度。效果如下未隐藏原始效果隐藏其他列,只显示第一列效果  jquery控制表格跨列单元格显示隐藏源代码如下!DOCTYPE htmlhtmlhead meta charset=utf-8 titlejquery控制表格跨列单元格显示隐..

js控制右键菜单位置在可视区域

评论(0)浏览(65)分类:JavaScript/Ajax
js控制右键菜单位置在可视区域  js控制右键菜单位置在可视区域,而不出现滚动条或者菜单被遮盖无法显示。源代码如下div style=height:3000px;width:2000px内容/divstyle#pop{visibility:hidden;height:150px;border:solid 1px #000;position:absolute;width:150px;left:0;top:0}/stylediv id=pop右键菜单/divscript document.oncontextmenu = function (e) { e =..