`
elan1986
  • 浏览: 169461 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ExtJs 常用方法 属性

阅读更多
 一、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字符串转换成对象
    [Ext-more.js]
    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,/*args...*/)  //执行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(/*args...*/)   //创建回调,以无参的函数作为参数,但是现有的方法已经具有了参数,如果直接写上可以用这个来创建一个回调,类似于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 楼 hongxingxu101 2011-11-30  
不错哈~~~

相关推荐

    Extjs 常用属性

    在深入探讨Extjs常用属性之前,我们先简要回顾一下Extjs是什么。Extjs是一个用于构建Web应用程序的JavaScript框架,它提供了丰富的UI组件、数据处理功能以及与服务器端交互的能力,使得开发人员能够轻松地创建复杂的...

    extjs属性方法大全

    ### Extjs 属性方法详解 #### 一、`Ext.form.Action` 类 `Ext.form.Action` 是用于处理表单操作的类,主要包括提交和加载数据的功能。 - **属性:** - `success`: 表示操作成功时的回调函数。 - `failure`: ...

    Extjs常用方法总结.pdf

    《ExtJS常用方法详解》 ExtJS是一款强大的JavaScript框架,用于构建富客户端应用程序。它提供了丰富的组件库和灵活的API,使得开发复杂的Web应用变得轻松。以下是对ExtJS中一些常用方法的详细总结: 1. **获取页面...

    Extjs常用方法总结.docx

    这个文档主要总结了ExtJS中的常用方法,涉及页面元素获取、DOM操作、样式操作、对齐和尺寸操作等多个方面。 1. 页面元素获取: - `Ext.get()`:这是一个获取页面元素的方法,但因为消耗内存,不推荐频繁使用。 - ...

    ExtJs4.2 Window常用方法

    根据提供的文件信息,本文将详细解释ExtJs 4.2中Window组件的一些常用配置属性以及方法,帮助读者更好地理解和使用这些功能。 ### ExtJs 4.2 Window 组件概述 ExtJs 是一个基于 JavaScript 的开源框架,用于创建...

    ExtJS 常用组件样式修改

    ### ExtJS 常用组件样式修改 #### 工具栏样式修改 在ExtJS框架中,工具栏组件是常见的用户界面元素之一。通过修改工具栏的样式,开发者能够更好地匹配应用程序的整体设计风格。工具栏的基本类是`Ext.Toolbar`,其...

    extjs 常用函数.rar

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

    extjs 常用控件的使用 table layout

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

    extjs常用增删改查操作

    ### ExtJS 增删改查操作详解 #### 一、引言 ExtJS 是一款强大的 JavaScript 框架,用于构建复杂的前端应用程序。通过利用其丰富的组件库和灵活的数据处理能力,开发者能够轻松实现数据的增删改查(CRUD)操作。本文...

    5000个常用到extjs小图标

    "5000个常用到EXTJS小图标"的资源集合,是一个专门针对EXTJS开发者的图标库,包含了大量的图标资源,旨在帮助开发者快速找到适合的图标来装饰和功能化他们的EXTJS应用程序。这些图标可能是SVG或PNG格式,具有高清晰...

    Ext常用属性总结

    本文将深入探讨"Ext常用属性总结"这一主题,帮助开发者更好地理解和利用ExtJS的特性。 首先,让我们了解几个基本的ExtJS概念。`Ext.Component`是所有UI组件的基础类,它拥有众多属性来控制组件的行为、外观和交互。...

    Extjs常用函数和事件.pdf

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

    5000个extjs小图标

    3. **使用ExtJS图标**:在ExtJS中,可以通过设置组件的`icon`属性来使用图标。例如,对于一个按钮,可以这样配置: ```javascript { text: '点击我', icon: '/path/to/icon.png', handler: function() { /* ...

    Extjs学习—总结的extjs的一些常用小知识点

    ### Extjs 学习——总结的一些常用知识点 #### 一、概述 Extjs 是一个用于构建 Web 应用程序的强大框架,它提供了大量的 UI 组件和功能,可以帮助开发者快速搭建出高质量的应用界面。本文将根据一个月的学习经验,...

    学习ExtJS TextField常用方法

    ExtJS 是一个基于 JavaScript 的富互联网应用程序框架,提供了许多实用的控件和方法来帮助开发者快速构建高质量的 Web 应用程序之一就是 TextField,在本文中,我们将详细介绍 ExtJS TextField 的常用方法和属性。...

    extjs的图标1000个 icon icons

    这里的`iconCls`属性指定了一个CSS类,这个类在你的CSS文件中应该对应一个背景图片,而`icon`属性则直接引用了图标文件的URL。这样,无论是在创建按钮、工具栏项还是其他组件时,都可以轻松地添加图标。 此外,...

    Extjs中常用表单介绍与应用

    本文将详细介绍ExtJS中常用表单组件的创建、应用以及验证和数据绑定等方面的知识,旨在帮助读者深入理解和掌握ExtJS表单的使用方法。 ### 表单面板(FormPanel)的创建 在ExtJS中,表单面板(FormPanel)是创建...

    1000个精致的extjs小图标

    确保每个图标都有对应的alt属性或者aria-label,以便屏幕阅读器能正确解释图标含义。 6. **图标库管理**:如果项目中使用了大量的图标,推荐建立一个图标管理系统,便于查找、分类和更新图标。可以创建一个图标组件...

    EXTjs4.0学习文档

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

Global site tag (gtag.js) - Google Analytics