`

Extjs的一些常用工具方法

ext 
阅读更多
一、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编码,将& <  >  “替换为&amp;&lt;&gt;&quot;
 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"); //注意路径

分享到:
评论

相关推荐

    Extjs 常用属性

    `Ext.WindowMgr`是一个管理窗口的类,提供了一些方法来控制窗口的显示和隐藏。`Ext.WindowMgr.each(function(w){w.hide()});`这行代码会遍历所有打开的窗口,并将它们隐藏起来。 #### `layout` `layout`属性用于...

    Extjs3.0 常用组件介绍及怎么安装开发利器Spket

    以下是一些ExtJS 3.0中的常用组件: 1. **Panel(面板)**: Panel是最基本的容器,可以包含其他组件,常用于构建复杂的布局。它支持标题、工具栏、滚动条等特性。 2. **Grid(网格)**: Grid组件用于展示表格数据...

    Extjs4.1.1

    第三讲.ExtJS工具栏、菜单栏 第四讲.ExtJS最常用的表单之textfield控件 第五讲.ExtJs最常用表单组件Number、CheckBox、Radio 第六讲.ExtJs最常用表单组件ComboBox、time、date 第七讲.ExtJS面板Panel 第八讲....

    extjs 常用控件的使用 table layout

    "常用控件的使用"涵盖了EXTJS中的一些核心组件,如: 1. **TextField**:用于输入文本的基本字段,支持多种验证和配置。 2. **ComboBox**:下拉框,允许用户从预定义的选项中选择,也可以进行搜索。 3. **Checkbox*...

    深入浅出Extjs4.1.1

    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开发的聊天工具

    3. MVC模式:Model-View-Controller(MVC)模式是ExtJS中常用的设计模式,有助于保持代码组织清晰。在这个聊天工具中,模型层负责处理聊天数据,视图层显示聊天内容,控制器则协调两者的交互。 4. Ajax通信:为了...

    extjs 常用函数.rar

    以上就是关于`getCMP()` 和 `getDom()` 这两个ExtJS常用函数的详细解释。理解并熟练运用这些函数,能极大地提高开发效率,让开发者更自如地操控应用中的组件和DOM元素。在学习和使用ExtJS的过程中,建议结合官方文档...

    Extjs-常用函数和事件

    ExtJS 是一个强大的JavaScript库,主要用于构建富客户端应用程序。...以上就是关于ExtJS中常用函数和事件的详细介绍,这些工具和方法使得在JavaScript环境中开发复杂的用户界面变得更加简单和高效。

    开发extjs程序可查看页面源代码

    此外,一些专门针对ExtJS的开发工具,如Sencha IDE Plugins(适用于Eclipse、IntelliJ IDEA等IDE)或者Sencha CMD,它们提供了源码映射功能,能够在源码和编译后的代码之间进行切换,帮助开发者追踪到原始的JS文件。...

    extjs4-教程

    ExtJS4提供了一些常用的方法,用以控制页面行为和获取页面元素。 - **Ext.onReady**:这个方法用于在当前的DOM加载完毕后自动调用,用于保证页面内的所有元素都能被Script代码引用。它常用于页面加载完毕时执行操作...

    5000个extjs小图标

    10. **自定义图标**:如果5000个图标中没有找到合适的,开发者还可以利用SVG编辑工具或在线图标生成器创建自己的图标,并将其整合到项目中。 综上所述,"5000个extjs小图标"这个资源为ExtJS开发者提供了丰富的图标...

    Extjs4.0开发包

    它详细介绍了ExtJS的类、方法、事件和配置选项,为开发者提供了详细的参考信息。通过阅读API文档,开发者可以深入理解每个组件的工作原理以及如何自定义它们的行为。例如,`Ext.Component`是所有UI元素的基础类,而`...

    extjs教程word版本

    教程可能会对常用的类和方法进行详细解释,如Ext.application、Ext.Component、Ext.grid.Panel等。 5. **Ajax和RESTful通信**:由于Web应用通常需要与服务器交互,教程会讲解如何使用Ajax进行异步通信,以及如何...

    EXT 中文手册 搭配ExtJs2.2实例更快将ExtJs入手

    例如,`Ext.Panel`是ExtJs中常用的一个组件,用于创建可嵌套的容器,你可以在这里找到其构造函数、配置选项、方法和事件的详细描述。 “Javascript API”则涵盖了JavaScript语言本身与ExtJs结合使用的相关知识。这...

    EXTjs4.0学习文档

    EXTJS 4.0 提供了丰富的、非常漂亮的外观体验,成为众多界面层开发人员的追捧,更重要的是它核心的组件基本覆盖了我们构建富客户端的常用的组件以及各种功能,在统计方面做的也非常出色。 在 4.0 版本中,EXTJS ...

    Extjs常用函数和事件.pdf

    在"Extjs常用函数和事件.pdf"中,提到了一些核心类和函数,这些是开发ExtJS应用时经常使用的工具。以下是对这些函数和事件的详细说明: 1. `Ext.onReady(Function fn, Object scope, boolean override)`:这是ExtJS...

    轻松搞定Extjs

    - **Ext.apply()和Ext.applyIf()**: 这两个方法用于合并对象属性,是Extjs中常用的设计模式之一。 #### 消息框 消息框是与用户交互的重要手段之一。本章详细介绍了Extjs提供的多种消息框类型及其使用方法。 - **...

Global site tag (gtag.js) - Google Analytics