- 浏览: 367359 次
- 性别:
- 来自: 重庆
文章分类
- 全部博客 (98)
- J2EE (16)
- 杂谈 (10)
- ibatis (1)
- 正则表达式 (2)
- extjs (6)
- plsql developer (1)
- javascript (18)
- oracle (2)
- eclipse (4)
- java (4)
- IT管理 (2)
- 加密解密 (4)
- linux (2)
- web前端 (5)
- chrome (1)
- J2EE hibernate (0)
- ruby (10)
- rails (8)
- mac (1)
- mysql (3)
- luajava (1)
- css (3)
- 分页按钮控件 (1)
- 编程思想 (2)
- github (1)
- 设计模式 (1)
- hibernate (1)
- highcharts (1)
- map (1)
- intelliJ idea (1)
- sql (1)
- maven (1)
- layui (1)
最新评论
-
an8695001:
大神,这个支持ajax获取数据来分页吗?
仿淘宝分页按钮效果简单美观易使用的JS分页控件 -
aspwzmuma:
太好了~感谢作者~~!!
仿淘宝分页按钮效果简单美观易使用的JS分页控件 -
GlacialDrift:
click 模式下面 不能重新初始化吗?
仿淘宝分页按钮效果简单美观易使用的JS分页控件 -
jia_xin:
请问同一个页面可以支持多个分页么?
仿淘宝分页按钮效果简单美观易使用的JS分页控件 -
zhouxi:
有没有完整的代码做参考啊 那个网站必须注册,而且注册还需要邀请 ...
echarts实现环形进度图
一、Ext
1.1 Ext.isEmpty(v, allowBlank) //是否为空[链接]
1.2 Ext.isArray(v) //是否为数组集合
1.3 Ext.isPrimitive(v) //是否是基本数据类型String/Number/Boolean
1.4 Ext.isFunction(v) //是否是函数
1.5 Ext.isNumber(v) //是否是数字
1.6 Ext.isString(v) //是否是字符串
1.7 Ext.isBoolean(v) //是否是bool值
1.8 Ext.isIE/isIE6/isIE7/isIE8... //判断浏览器
1.9 Ext.isWindows/isLinux/isMac/isAir //判断平台(操作系统)
1.10 Ext.isDefined //对象是否已经定义
1.11 Ext.id(el,prefix) //返回唯一的id值,el位元素Id,prefix为前缀
1.12 Ext.urlEncode(o, pre) //将JSON数据转换URL参数串,如{a:1,b:2} => a=1&b=2
1.13 Ext.urlDecode(string, overwrite) //将url参数列表转换成json格式数据,overwrite如果为true,则后面的同名参数值覆盖前面的同名参数值(默认为false即不覆盖而以数组形式返回)
1.15 Ext.each(array, fn, scope) //遍历数组,例:Ext.each([1,2,3],function(value,index,a){ //index:索引号,0开始 value:当前值 a:数组引用 });
1.16 Ext.encode(o) //将对象转换成json字符串,详细说明和用法:这里
1.17 Ext.decode(o) //将json字符串转换成对象
1.18 Ext.combine() //数组合并
1.19 Ext.num(value,defaultValue) //如果是数字,直接返回本身,否则返回默认值,注意"5"这里也会返回默认值的
1.20 Ext.copyTo(dest, source, names) //拷贝source中names属性列表至dest中
1.21 Ext.unique(arr) //剔除数组中重复的元素,让数组每个元素保持唯一
1.22 Ext.clean(arr) //复制数组?!
1.23 Ext.flatten(arr) //将多维数组转换成一维数组
1.24 Ext.min(arr, comp) //查找数组中最小的元素
1.25 Ext.max(arr, comp) //查找数组中最大的元素
1.26 Ext.mean(arr) //计算数组元素平均值(总和除以个数)
1.27 Ext.partition(arr, truth) //根据arr元素的bool值拆分成新的二维数组并返回
例1:Ext.partition([true, false, true, true, false]); // [[true, true, true], [false, false]]
例2:Ext.partition(arr,function(val){ return val == "class1" });
1.28 Ext.invoke(arr, methodName,) //执行arr数组中对象的methodName方法,args为方法的参数,返回执行结果数组
1.29 Ext.pluck(arr, prop) //返回数组中属性名(property name)等于prop的值的新数组 Ext.pluck(arr, "className"); => [arr1.className,arr2.className]
1.30 Ext.zip({Arrays|NodeLists},{Function}) //压缩多个数组为一个数组, Ext.zip([1,2,3], [4,5,6]); // [[1,4],[2,5],[3,6]],支持Function自定义合并
1.31 Ext.type(object) //返回对象的类型:string,number,boolean,function,object,array,regexp,element,nodelist,textnode,whitespace
二、Ext.util.Format
2.1 Ext.util.Format.capitalize(value); //首字母大写
2.2 Ext.util.Format.ellipsis(value, len, word); //从字符串开始处截取len长度显示,超过部分用...表示;word为布尔值,为true时在前面截取的基础上再从' '、'.'、'!'、'?'关键字处截取前面(len),ellipsis("abcde.fghijkl",10,true)返回abcde
2.3 Ext.util.Format.htmlEncode(value); //HTML编码,将& < > “替换为&<>"
2.4 Ext.util.Format.htmlDecode(value); //HTML解码,与上面相反
2.5 Ext.util.Format.trim(value); //截取字符串左右的空格
2.6 Ext.util.Format.substr(value, start, length); //从value指定的start位置开始截取length长度的子串返回
2.7 Ext.util.Format.lowercase(value); //转换大写
2.8 Ext.util.Format.uppercase(value); //转换小写
2.9 Ext.util.Format.stripTags(v); //去除HTML标签:/<\/?[^>]+>/gi
2.10 Ext.util.Format.usMoney(v); //转换到'$'符号的货币形式
2.11 Ext.util.Format.date(v, format); //格式化日期输出,format默认格式"m/d/Y"
2.12 Ext.util.Format.round(value, precision); //四舍五入,precision指精确位数
2.13 Ext.util.Format.number(v, format); //格式化数字显示
2.14 Ext.util.Format.nl2br(value); //将字符串中的'\n'替换成'<br />'
2.15 Ext.util.Format.fileSize(value); //将字节数转成更大的单位KB和MB显示,fileSize(1024) = 1KB
2.16 Ext.util.Format.defaultValue(value, defaultValue); //如果value未定义或为空字符串则返回defaultValue
2.17 Ext.util.Format.stripScripts(v); //去除脚本标签
2.18 Ext.util.Format.undef(value); //如果value未定义,返回空字符串,反之返回value本身
三、扩展JS原有对象
3.1 String
3.1.1 .format(format) //和C#里面是一样的用法
3.1.2 .toggle(value, other) //交换值,如果当前值等于value,则被赋值other
3.2 Array
3.2.1 .indexOf(o) //返回元素o在数组ArrayObject中的位置,找不到返回-1
3.2.2 .remove(o) //从数组ArrayObject删除元素o
3.3 Function
3.3.1 .createInterceptor(fcn, scope) //创建阻断方法,如果fcn返回false,原方法将不会被执行,参见这里
3.3.2 .createCallback() //创建回调,以无参的函数作为参数,但是现有的方 法已经具有了参数,如果直接写上可以用这个来创建一个回调,类似于function(){ //实际的带参调用 } ,见这里1、这里2
3.3.3 .createDelegate(obj, args, appendArgs) //创建委托,与上面相比,自己可以访问obj中的属性和方法,见这里
3.3.4 .defer(millis, obj, args, appendArgs) //定时执行,隔millis毫秒后执行原方法,参见这里
3.3.5 .createSequence(fcn, scope) //Ext-more.js中,创建组合方法,执行原方法+fcn,参见这里
四、 其他
4.1 表单
4.1.1 一次取得表单所有的表单元素key/value集合
form1.form.getValues() //form1为Ext.FormPanel,例如:
//注意
var conn = new Ext.data.Connection();
conn.request({
url: 'submit.aspx?method=Submit4',
//此处与params对应,如果为POST,则服务器端从Request.Form中可以取得到数据,反之从QueryString中取数据
method: 'POST',//GET
params:form1.form.getValues(),
success: function(response, opts) {
MsgInfo(response.responseText);
}
});
form1.form.setValues(values) //form1.form.setValues({id:1,name:'aabbcc'}) 赋值
4.1.2 表单元素取值赋值一次取得
4.1.2.1 form1.form.findField('TextBox').getValue()
4.1.2.2 form1.form.getValues().TextBox
4.1.2.3 form1.form.getFieldValues().TextBox
4.2 切换皮肤
Ext.util.CSS.swapStyleSheet("theme", "resources/css/ext/xtheme-orange.css"); //注意路径
1.1 Ext.isEmpty(v, allowBlank) //是否为空[链接]
1.2 Ext.isArray(v) //是否为数组集合
1.3 Ext.isPrimitive(v) //是否是基本数据类型String/Number/Boolean
1.4 Ext.isFunction(v) //是否是函数
1.5 Ext.isNumber(v) //是否是数字
1.6 Ext.isString(v) //是否是字符串
1.7 Ext.isBoolean(v) //是否是bool值
1.8 Ext.isIE/isIE6/isIE7/isIE8... //判断浏览器
1.9 Ext.isWindows/isLinux/isMac/isAir //判断平台(操作系统)
1.10 Ext.isDefined //对象是否已经定义
1.11 Ext.id(el,prefix) //返回唯一的id值,el位元素Id,prefix为前缀
1.12 Ext.urlEncode(o, pre) //将JSON数据转换URL参数串,如{a:1,b:2} => a=1&b=2
1.13 Ext.urlDecode(string, overwrite) //将url参数列表转换成json格式数据,overwrite如果为true,则后面的同名参数值覆盖前面的同名参数值(默认为false即不覆盖而以数组形式返回)
1.15 Ext.each(array, fn, scope) //遍历数组,例:Ext.each([1,2,3],function(value,index,a){ //index:索引号,0开始 value:当前值 a:数组引用 });
1.16 Ext.encode(o) //将对象转换成json字符串,详细说明和用法:这里
1.17 Ext.decode(o) //将json字符串转换成对象
1.18 Ext.combine() //数组合并
1.19 Ext.num(value,defaultValue) //如果是数字,直接返回本身,否则返回默认值,注意"5"这里也会返回默认值的
1.20 Ext.copyTo(dest, source, names) //拷贝source中names属性列表至dest中
1.21 Ext.unique(arr) //剔除数组中重复的元素,让数组每个元素保持唯一
1.22 Ext.clean(arr) //复制数组?!
1.23 Ext.flatten(arr) //将多维数组转换成一维数组
1.24 Ext.min(arr, comp) //查找数组中最小的元素
1.25 Ext.max(arr, comp) //查找数组中最大的元素
1.26 Ext.mean(arr) //计算数组元素平均值(总和除以个数)
1.27 Ext.partition(arr, truth) //根据arr元素的bool值拆分成新的二维数组并返回
例1:Ext.partition([true, false, true, true, false]); // [[true, true, true], [false, false]]
例2:Ext.partition(arr,function(val){ return val == "class1" });
1.28 Ext.invoke(arr, methodName,) //执行arr数组中对象的methodName方法,args为方法的参数,返回执行结果数组
1.29 Ext.pluck(arr, prop) //返回数组中属性名(property name)等于prop的值的新数组 Ext.pluck(arr, "className"); => [arr1.className,arr2.className]
1.30 Ext.zip({Arrays|NodeLists},{Function}) //压缩多个数组为一个数组, Ext.zip([1,2,3], [4,5,6]); // [[1,4],[2,5],[3,6]],支持Function自定义合并
1.31 Ext.type(object) //返回对象的类型:string,number,boolean,function,object,array,regexp,element,nodelist,textnode,whitespace
二、Ext.util.Format
2.1 Ext.util.Format.capitalize(value); //首字母大写
2.2 Ext.util.Format.ellipsis(value, len, word); //从字符串开始处截取len长度显示,超过部分用...表示;word为布尔值,为true时在前面截取的基础上再从' '、'.'、'!'、'?'关键字处截取前面(len),ellipsis("abcde.fghijkl",10,true)返回abcde
2.3 Ext.util.Format.htmlEncode(value); //HTML编码,将& < > “替换为&<>"
2.4 Ext.util.Format.htmlDecode(value); //HTML解码,与上面相反
2.5 Ext.util.Format.trim(value); //截取字符串左右的空格
2.6 Ext.util.Format.substr(value, start, length); //从value指定的start位置开始截取length长度的子串返回
2.7 Ext.util.Format.lowercase(value); //转换大写
2.8 Ext.util.Format.uppercase(value); //转换小写
2.9 Ext.util.Format.stripTags(v); //去除HTML标签:/<\/?[^>]+>/gi
2.10 Ext.util.Format.usMoney(v); //转换到'$'符号的货币形式
2.11 Ext.util.Format.date(v, format); //格式化日期输出,format默认格式"m/d/Y"
2.12 Ext.util.Format.round(value, precision); //四舍五入,precision指精确位数
2.13 Ext.util.Format.number(v, format); //格式化数字显示
2.14 Ext.util.Format.nl2br(value); //将字符串中的'\n'替换成'<br />'
2.15 Ext.util.Format.fileSize(value); //将字节数转成更大的单位KB和MB显示,fileSize(1024) = 1KB
2.16 Ext.util.Format.defaultValue(value, defaultValue); //如果value未定义或为空字符串则返回defaultValue
2.17 Ext.util.Format.stripScripts(v); //去除脚本标签
2.18 Ext.util.Format.undef(value); //如果value未定义,返回空字符串,反之返回value本身
三、扩展JS原有对象
3.1 String
3.1.1 .format(format) //和C#里面是一样的用法
3.1.2 .toggle(value, other) //交换值,如果当前值等于value,则被赋值other
3.2 Array
3.2.1 .indexOf(o) //返回元素o在数组ArrayObject中的位置,找不到返回-1
3.2.2 .remove(o) //从数组ArrayObject删除元素o
3.3 Function
3.3.1 .createInterceptor(fcn, scope) //创建阻断方法,如果fcn返回false,原方法将不会被执行,参见这里
3.3.2 .createCallback() //创建回调,以无参的函数作为参数,但是现有的方 法已经具有了参数,如果直接写上可以用这个来创建一个回调,类似于function(){ //实际的带参调用 } ,见这里1、这里2
3.3.3 .createDelegate(obj, args, appendArgs) //创建委托,与上面相比,自己可以访问obj中的属性和方法,见这里
3.3.4 .defer(millis, obj, args, appendArgs) //定时执行,隔millis毫秒后执行原方法,参见这里
3.3.5 .createSequence(fcn, scope) //Ext-more.js中,创建组合方法,执行原方法+fcn,参见这里
四、 其他
4.1 表单
4.1.1 一次取得表单所有的表单元素key/value集合
form1.form.getValues() //form1为Ext.FormPanel,例如:
//注意
var conn = new Ext.data.Connection();
conn.request({
url: 'submit.aspx?method=Submit4',
//此处与params对应,如果为POST,则服务器端从Request.Form中可以取得到数据,反之从QueryString中取数据
method: 'POST',//GET
params:form1.form.getValues(),
success: function(response, opts) {
MsgInfo(response.responseText);
}
});
form1.form.setValues(values) //form1.form.setValues({id:1,name:'aabbcc'}) 赋值
4.1.2 表单元素取值赋值一次取得
4.1.2.1 form1.form.findField('TextBox').getValue()
4.1.2.2 form1.form.getValues().TextBox
4.1.2.3 form1.form.getFieldValues().TextBox
4.2 切换皮肤
Ext.util.CSS.swapStyleSheet("theme", "resources/css/ext/xtheme-orange.css"); //注意路径
发表评论
-
使用iframe做动态内容的重复加载、加载两次或多次的问题解决
2015-09-19 23:26 5730今天发现使用iframe做动态内容时不易察觉的一个问题: ... -
使用iframe做动态内容的重复加载、加载两次或多次的问题解决
2015-09-19 23:17 1今天发现使用iframe做动态内容时不易察觉的一个问题: ... -
重庆实时路况(基于百度MAP API)
2014-09-19 11:34 8954本例提供附件下载 效果图: 代码: <!D ... -
javascript 读取xml 解析xml文件
2014-04-01 10:00 7807js读取xml文件 function loadXML(x ... -
Javascript 新历转旧历|阳历转阴历|公历转农历算法代码
2014-04-01 09:55 1534var LunarDate = { madd: ... -
自定义对象与dom对象合并
2014-03-26 11:14 1058<script type="text/jav ... -
JavaScript 中小数和大整数的精度丢失
2014-03-17 17:29 1157先来看两个问题: 0.1 + 0.2 == 0.3; ... -
js 与或运算符 || && 妙用
2014-03-17 15:38 731首先出个题:如图: 假设对成长速度显示规定如下: 成长速度 ... -
JS小数点判断
2014-03-13 18:02 901JS小数点判断 1.只取小数点后两位:& ... -
Chrome 控制台新玩法-向输出到console的文字加样式
2014-03-13 15:44 4574console.log(msg) 这个指令是在浏览器控制 ... -
javascript中==与===的区别
2014-03-10 18:21 1065首先,先做个简单的介绍,让先有个直观的认识 == equa ... -
Web中连续触发事件影响性能的解决办法
2014-03-05 10:54 2072当类似用户改变浏览器窗口大小的事件,有可能 ... -
仿淘宝分页按钮效果简单美观易使用的JS分页控件
2013-12-07 15:15 34018最新版本代码请移步到https://github.com/pg ... -
ExtJS带清空按钮的文本框TextField组件
2013-01-14 15:09 12002项目需要带清空按钮的文本框组件,但是在网上找了找没找到,就自己 ... -
JS将字符串形式的日期转换成Date日期对象
2012-10-10 14:34 2870js 将字符串转换为Date类型,并与当前时间比较JavaSc ... -
resize 事件的兼容性问题研究
2012-09-07 14:24 2181先了解一下浏览器拖拉触发resize的方式。 例如在xp的 ... -
extjs的几个技巧,解决ajax请求时用户session超时问题
2012-09-05 15:26 8227解决两种情况下的用户访问超时。 a)普通http请求的ses ... -
Extjs 禁止使用键盘回退刷新
2012-08-15 16:48 2577在 Extjs 开发中,我们需要屏蔽一些键盘按键,来避免用户在 ... -
Javascript的变量
2012-07-24 14:15 1105Javascript的变量 实际 ... -
extJS 树节点操作
2012-07-16 16:28 3949ext 树节点操作 tree :树 ...
相关推荐
`Ext.WindowMgr`是一个管理窗口的类,提供了一些方法来控制窗口的显示和隐藏。`Ext.WindowMgr.each(function(w){w.hide()});`这行代码会遍历所有打开的窗口,并将它们隐藏起来。 #### `layout` `layout`属性用于...
以下是一些ExtJS 3.0中的常用组件: 1. **Panel(面板)**: Panel是最基本的容器,可以包含其他组件,常用于构建复杂的布局。它支持标题、工具栏、滚动条等特性。 2. **Grid(网格)**: Grid组件用于展示表格数据...
第三讲.ExtJS工具栏、菜单栏 第四讲.ExtJS最常用的表单之textfield控件 第五讲.ExtJs最常用表单组件Number、CheckBox、Radio 第六讲.ExtJs最常用表单组件ComboBox、time、date 第七讲.ExtJS面板Panel 第八讲....
"常用控件的使用"涵盖了EXTJS中的一些核心组件,如: 1. **TextField**:用于输入文本的基本字段,支持多种验证和配置。 2. **ComboBox**:下拉框,允许用户从预定义的选项中选择,也可以进行搜索。 3. **Checkbox*...
3. MVC模式:Model-View-Controller(MVC)模式是ExtJS中常用的设计模式,有助于保持代码组织清晰。在这个聊天工具中,模型层负责处理聊天数据,视图层显示聊天内容,控制器则协调两者的交互。 4. Ajax通信:为了...
对于HTML元素的操作和动态模板的生成,Extjs提供了`Ext.DomHelper`和`Ext.XTemplate`等工具类。格式化功能则能够使数据显示更加友好和标准化。 Extjs的组件系统非常丰富,包括按钮、日期选择器、ComboBox等,它们都...
以上就是关于`getCMP()` 和 `getDom()` 这两个ExtJS常用函数的详细解释。理解并熟练运用这些函数,能极大地提高开发效率,让开发者更自如地操控应用中的组件和DOM元素。在学习和使用ExtJS的过程中,建议结合官方文档...
ExtJS 是一个强大的JavaScript库,主要用于构建富客户端应用程序。...以上就是关于ExtJS中常用函数和事件的详细介绍,这些工具和方法使得在JavaScript环境中开发复杂的用户界面变得更加简单和高效。
3、ExtJS工具栏、菜单栏0 Q' y0 E. y E 4、ExtJS最常用的表单之textfield控件4 |4 ]8 ~/ d3 Y& k# X 5、ExtJs最常用表单组件Number、CheckBox、Radio* s, r% ~+ k; y# W 6、ExtJs最常用表单组件ComboBox、time、date...
此外,一些专门针对ExtJS的开发工具,如Sencha IDE Plugins(适用于Eclipse、IntelliJ IDEA等IDE)或者Sencha CMD,它们提供了源码映射功能,能够在源码和编译后的代码之间进行切换,帮助开发者追踪到原始的JS文件。...
ExtJS4提供了一些常用的方法,用以控制页面行为和获取页面元素。 - **Ext.onReady**:这个方法用于在当前的DOM加载完毕后自动调用,用于保证页面内的所有元素都能被Script代码引用。它常用于页面加载完毕时执行操作...
10. **自定义图标**:如果5000个图标中没有找到合适的,开发者还可以利用SVG编辑工具或在线图标生成器创建自己的图标,并将其整合到项目中。 综上所述,"5000个extjs小图标"这个资源为ExtJS开发者提供了丰富的图标...
它详细介绍了ExtJS的类、方法、事件和配置选项,为开发者提供了详细的参考信息。通过阅读API文档,开发者可以深入理解每个组件的工作原理以及如何自定义它们的行为。例如,`Ext.Component`是所有UI元素的基础类,而`...
教程可能会对常用的类和方法进行详细解释,如Ext.application、Ext.Component、Ext.grid.Panel等。 5. **Ajax和RESTful通信**:由于Web应用通常需要与服务器交互,教程会讲解如何使用Ajax进行异步通信,以及如何...
例如,`Ext.Panel`是ExtJs中常用的一个组件,用于创建可嵌套的容器,你可以在这里找到其构造函数、配置选项、方法和事件的详细描述。 “Javascript API”则涵盖了JavaScript语言本身与ExtJs结合使用的相关知识。这...
EXTJS 4.0 提供了丰富的、非常漂亮的外观体验,成为众多界面层开发人员的追捧,更重要的是它核心的组件基本覆盖了我们构建富客户端的常用的组件以及各种功能,在统计方面做的也非常出色。 在 4.0 版本中,EXTJS ...
ExtJS和KindEditor都是在Web开发中常用的工具。ExtJS是一个强大的JavaScript框架,主要用于构建桌面级的Web应用程序,提供丰富的组件库和数据管理功能。而KindEditor则是一款开源的在线文本编辑器,常用于网站内容...
在"Extjs常用函数和事件.pdf"中,提到了一些核心类和函数,这些是开发ExtJS应用时经常使用的工具。以下是对这些函数和事件的详细说明: 1. `Ext.onReady(Function fn, Object scope, boolean override)`:这是ExtJS...