JavaScript资料,JavaScript文章,JavaScript文档-易库教程

ExtJS4如何自动生成控制grid的列显示、隐藏的checkbox

2017年02月06日 12 阅读

由于某种原因，需要做一个控制grid列显示的checkboxgroup，虽然EXTJS4中的gridpanel自带列表可以来控制列的显示隐藏，但是有这样的需求（需要一目了然）下面先上图接着前几天做的工作，今天上午完成了定制字段，思路是在上面的普通查询或者高级查询结束以后，获得了列的fields，columns等信息，然后交给一个处理函数 makeCustomMadePanel，该函数用来生成checkboxgroup，生成的时候给它加上一个事件，原本以...

ExtJS4给Combobox设置列表中的默认值示例

2017年02月06日 12 阅读

这个是model 复制代码代码如下: Ext.regModel（"commemModel", { fields : [ "name", "id" ] }）; 定义一个store设置id为s1的容器的默认值是第一季度复制代码代码如下: var gjcx1 = new Ext.data.Store（{ autoLoad:true, model : commemModel, proxy : { type : "ajax", url : "../stor...

ExtJS4利根据登录后不同的角色分配不同的树形菜单

2017年02月06日 12 阅读

继续我的上一篇，设置好cookie后，将他们取出来复制代码代码如下: var userName = Ext.util.Cookies.get（"userName"）; var userAuthority = Ext.util.Cookies.get（"userAuthority"）;//0,1,2 接下来就可以用了复制代码代码如下: //树形菜单根据不同权限显示 var treeUrl="../store/ccTree"+userAuthorit...

jsPDF导出pdf示例

2017年02月06日 14 阅读

jsPDF貌似不支持中文复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <...

jQuery简单图表peity.js使用示例

2017年02月06日 13 阅读

复制代码代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>无标题页</title> <script type="text/javascript" src="jQuery.js"></script> <script type="text/javascript" src="jquery.peity.js"...

将form表单中的元素转换成对象的方法适用表单提交

2017年02月06日 12 阅读

复制代码代码如下: function serializeObject（form）{ var o ={}; $.each（form.serializeArray（）,function（index）{ if（o[this["name"]]）{ o[this["name"]] = o[this["name"]] +","+this["value"]; }else{ o[this["name"]] = this["value"]; } }）; return o;...

自己使用js/jquery写的一个定制对话框控件

2017年02月06日 16 阅读

最近在做一个游戏项目，项目里面很多需要用到对话框，而且得用上美工做的图片，这样的话好像就不好去找一些现成的对话框控件了，于是便琢磨着自己做一个通用的控件，虽然不是绝对通用啦，但在我这个项目里还是可以随意调用的，思想的话也可以借鉴到别的项目中。先贴出主要代码：复制代码代码如下: //对话框的基本html内容，绝对定位，高宽设置，背景图片，标题，两个按钮图 var tdlz_dialog_content = "<div id="tdlz_dialo...

jQuery实现的多选框多级联动插件

2017年02月06日 13 阅读

jQuery 实现的多选框联动插件复制代码代码如下: // 使用：$（_event_src_）.autoSelect（_reload_, reload_url）; // 前台用get方法传输<select>标签的属性"name"和选中<option>的属性"value" // 后台用json格式传输数据 // 格式: { value:<option>的属性"value", text:<option>的显示...

js日期联动示例

2017年02月06日 15 阅读

调试需加入jquery文件复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content...

离开当前页面前使用js判断条件提示是否要离开页面

2017年02月06日 13 阅读

复制代码代码如下: <！doctype html> <html lang="cn"> <head> <meta charset="UTF-8"> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>js离开当前页面前判断条件提示是否要离开页面</title>...

JS兼容浏览器的导出Excel（CSV）文件的方法

2017年02月06日 13 阅读

Js导出表格为Excel文件的常见一种办法是调用：ActiveXObject（"Excel.Application"），但是这种方法有局限性，只能在IE系列下的浏览器里实现，兼容性方面不理想。经测试,采用本文推荐的方法能兼容性较好的导出表格内容到Excel文件。复制代码代码如下:var str = "博客, 域名 Blog, 2 jb51.net, 3";var uri = "data:text/csv;charset=utf-8," + str;v...

js检测输入内容全为空格的方法

2017年02月06日 13 阅读

JavaScript判断输入内容不能全为空格的方法,用来避免输入框的内容输入的全是空格：复制代码代码如下:<html><head><script>function checkBlankSpace（str）{while（str.lastIndexOf（" "）>=0）{ str = str.replace（" ",""）;}if（str.length == 0）{alert（"输入不能全为空"）;}}functio...

JavaScript打印网页指定区域的例子

2017年02月06日 12 阅读

JavaScript打印页面指定div区域原理：使用window.open（）在浏览器打开一个新的页面（window）, 使用 window.document.write（）将指定div区域的内容写入新窗口文档，document.close（）关闭文档，使用window.print（）调用打印机打印当前文档。JavaScript打印函数myPrint（obj）：复制代码代码如下:function myPrint（obj）{ //打开一个新窗口newWin...

使用JavaScript获取电池状态的方法

2017年02月06日 15 阅读

从Mozilla Aurora 11起，火狐浏览器里实现了一些新功能，其中一个就是对电池状态接口的基本实现。这个很简单的接口能提供你关于电池当前电量，是否在充电等信息，以及一些电池状态变化事件。让我们来看看效果！电池对象是存放在window.navigator.battery里，但因为这是火狐浏览器首次实现并提供这个接口，并未普及，你需要使用window.navigator.mozBattery这种写法。这个mozBattery对象有下列属性：1.char...

使用JavaScript判断图片是否加载完成的三种实现方式

2017年02月06日 13 阅读

有时需要获取图片的尺寸，这需要在图片加载完成以后才可以。有三种方式实现，下面一一介绍。一、load事件复制代码代码如下: <！DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>img - load event</title> </head> <body> <img id="img1" ...

JavaScript获取图片的原始尺寸以宽度为例

2017年02月06日 14 阅读

页面里的img元素，想要获取它的原始尺寸，以宽度为例可能首先想到的就是width，如下复制代码代码如下: <img src="http://img11.360buyimg.com/da/g14/M07/01/0E/rBEhVlNhh8wIAAAAAADmFBLo1twAAM26gOmCgYAAOYs716.jpg"> <script> var img = document.getElementsByTagName（"img"）[...

元素未显示设置width/height时IE中使用currentStyle获取为auto

2017年02月06日 13 阅读

我们知道获取元素的实际宽高在IE中可以使用currentStyle属性。但如果没有显示的去设置元素的宽高，那么使用该属性将获取不到，获取的值为auto。如下复制代码代码如下: <div>abcd</div> <script> var div = document.getElementsByTagName（"div"）[0]; alert（div.currentStyle.width）; alert（div.curre...

IE6-8中Date不支持toISOString的修复方法

2017年02月06日 12 阅读

Date.prototype.toISOString方法是在ES5里添加的，ES3文档中没有，如下这个方法在IE6/7/8中不支持，可按下面方式修复下复制代码代码如下: if （！Date.prototype.toISOString） { Date.prototype.toISOString = function（） { function pad（n） { return n < 10 ？ "0" + n : n } return this.ge...

将HTML的左右尖括号等转义成实体形式的两种实现方式

2017年02月06日 12 阅读

前端开发工作中，经常需要将HTML的左右尖括号等转义成实体形式。我们不能把<，>，&等直接显示在最终看到的网页里。需要将其转义后才能在网页上显示。转义字符（Escape Sequence）也称字符实体（Character Entity）。定义转义字符串的主要原因是 “<”和“>”等符号已经用来表示HTML TAG，因此不能直接当作文本中的符号来使用。但有时需求是在HTML页面上使用这些符号，所以需要定义它的转义字符串。有些字符在...

动态创建script在IE中缓存js文件时导致编码的解决方法

2017年02月06日 12 阅读

先看下重现代码 1， gb2312.html 该文件编码为gb2312 复制代码代码如下: <！DOCTYPE html> <html> <head> <title></title> <meta charset="gb2312"/> <style> p { color: red; } </style> </head> <body> &l...

首页 / 脚本样式 / JavaScript

ExtJS4如何自动生成控制grid的列显示、隐藏的checkbox

ExtJS4给Combobox设置列表中的默认值示例

ExtJS4利根据登录后不同的角色分配不同的树形菜单

jsPDF导出pdf示例

jQuery简单图表peity.js使用示例

将form表单中的元素转换成对象的方法适用表单提交

自己使用js/jquery写的一个定制对话框控件

jQuery实现的多选框多级联动插件

js日期联动示例

离开当前页面前使用js判断条件提示是否要离开页面

JS兼容浏览器的导出Excel（CSV）文件的方法

js检测输入内容全为空格的方法

JavaScript打印网页指定区域的例子

使用JavaScript获取电池状态的方法

使用JavaScript判断图片是否加载完成的三种实现方式

JavaScript获取图片的原始尺寸以宽度为例

元素未显示设置width/height时IE中使用currentStyle获取为auto

IE6-8中Date不支持toISOString的修复方法

将HTML的左右尖括号等转义成实体形式的两种实现方式

动态创建script在IE中缓存js文件时导致编码的解决方法