通用属性:

    labelSeparator:''//表示fieldLabel后不会显示冒号“:”

    readOnly:true//仅仅读

    focusCls: 'txtHalfInput'//有焦点时的样式

    maxLength:3, enforceMaxLength:true//输入位数check

    fieldStyle: 'margin-top:3px;'//display上下不正确齐解决的方法

Ext.button.Button

属性:

enableToggle:true//设置button为开关状态

pressed:true//开关没被按下状态

disabled: true//使button不可用,false可用

方法:

var pressed = Ext.getCmp('buttonGuard').pressed;//是否是被按下的状态

Ext.form.field.Text

属性:

    fieldStyle: 'ime-mode:disabled',//设置text的样式

    fieldCls: 'txtHalfInput',//设置text的class

方法:

        focus(true,600);//设置焦点,true表选中内容,false表仅仅设焦点;600表页面载入完成0.6秒后运行

Ext.form.field.ComboBox

属性:

    valueField:'ID'  //下拉里的key值

    displayField: 'NAME'//下拉里显示的内容

    editable: false//false不可手动改值,true能够手动改

    validator: function (v) {//表单项自己定义check

           return 'unvalidator';//返回true表示合法,否则为表单错误提示信息

    }

方法:

get/setRawValue//得到或设置combo所选值

Ext.form.NumberField

属性:

hideTrigger: true,//不显示控件右边的上下箭头

//实现焦点一离开后。1.00直接变成1

Ext.form.GNumberField = Ext.extend(Ext.form.NumberField, {

   setValue: function (v) {

       v = typeof v == 'number' ?

v : String(v).replace(this.decimalSeparator, ".");

       v = isNaN(v) ?

'' : String(v).replace(".", this.decimalSeparator);

     //this.replaceDecimalVal(v);

     //  if you want to ensure that the values being set on the field is also forced to the required number of decimal places.

     // (not extensively tested)

       v = isNaN(v) ? '' : this.fixPrecision(String(v).replace(".", this.decimalSeparator));

       var ret = Ext.form.NumberField.superclass.setValue.call(this, v);

       this.setRawValue(v);//没有这句则控件上不显示1.00

       return ret;

   },

   fixPrecision: function (value) {

       var nan = isNaN(value);

       if (!this.allowDecimals || this.decimalPrecision == -1 || nan || !value) {

           return nan ? '' : value;

       }

       value = this.replaceDecimalVal(value);

       return parseFloat(value).toFixed(this.decimalPrecision);

   },

  //防止四舍五入

   replaceDecimalVal: function (v) {

       var vArr = v.toString().split('.');

       if (vArr.length > 1) {

           if (vArr[1] > this.decimalPrecision) {

               var dec = vArr[1].substring(0, this.decimalPrecision);

               v = vArr[0] + '.' + dec;

           }

       }

       return v;

   }

}

Ext.tree.Panel

属性:

    rootVisible: true//显示树的根结点,false不显示

    collapsible: true//true能够点左箭头折叠,false不可折叠

    leaf: true//true表示是子结点,而且不能再有子结点

    expanded: true//设置结点自己主动展开

    root: {//树结点

               text: '$',//结点显示内容

               expanded: true,//展开结点

               children: [//子结点

                   {

                       text: '部门1',

                       expanded: true,

                       children: [

                           { id: '1', text: 'power1', leaf: true }

                       ]

                   },

                   { text: '部门2', expanded: true },

                   {

                       text: '部门3',

                       expanded: true,

                       children: [

                           { text: 'power1', leaf: true },

                           { text: 'power2', leaf: true },

                           { text: 'power3', leaf: true }

                       ]

                   }

               ]

           }

    listeners: {

    itemclick: function (treePnl, record, item, index, e) {//树结点的click事件

    //record.data.root=true 表示该结点是根结点

    //record.data.parentId = 'root' 表示该结点的父结点为根结点,也表示父结点的ID

           if (!record.data.root && record.data.parentId != 'root') {

               var parentText = record.parentNode.data.text;//父结点的显示内容

               var text = item.innerText;//当前结点的显示内容

               Ext.getCmp('displayPSTGroupName').setValue(parentText);

               Ext.getCmp('displayPSTName').setValue(text);

           } else {

               Ext.getCmp('displayPSTGroupName').setValue('');

               Ext.getCmp('displayPSTName').setValue('');

           }

    }

    cellclick: function (view, e, columnIndex, rowItem) {
  //view: //e: //columnIndex:所点列的索引,0開始 //rowItem: rowItem.data表示选中行的数据
 } }

方法:

    setNodeFocus(结点ID)//设置某结点为选中状态

    collapse()//让整个树折叠起来

    Ext.getCmp('treePnl').collapseAll();//收起全部的结点

    Ext.getCmp('treePnl').getStore().getNodeById('root').expand();//展开根结点

Ext.GridStore

属性:

    autoLoad: true//自己主动载入数据

    dataFields:[{name:EVENT_ID}]//字段名

方法:

var minGenTime = store.min('EVENT_GEN_TIME');//获取字段EVENT_GEN_TIME最小值

var r = {};

store.each(function (record) {//遍历数据

           if (record.get('EVENT_GEN_TIME') == minGenTime) {

               r = record.raw;//获取一条数据

               return;

           }

});

事件:

beforeload:function(store, operation, options){}//数据载入前发生的事件

datachanged:function(store, options){}//数据发生改变后发生的事件

Ext.grid.Panel

属性:

    multiSelect: true//同意item项能够多选,false不可

    selType: 'cellmodel'//表示点选cell,无该属性则点选行

    plugins: [Ext.create('Ext.grid.plugin.CellEditing', {clicksToEdit: 1})]//该属性配合selType:'cellmodel'可实现编辑cell效果

    columns:[new Ext.grid.RowNumberer({ width: 30, locked: false, header: " " })]//自己主动升番番号

方法:

    Ext.getCmp('gridEvent').getStore().removeAll();//清除grid里的记录

    Ext.getCmp('grid').plugins[0].completeEdit();//当cellEditing时,编辑完不直接离开焦点而是直接点submit。此时会出现edit里仍然是原值的情况。解决的方法是调一下completeEdit方法

    treePnl.fireEvent('itemclick', treePnl, treePnl.getSelectionModel().getLastSelected());//触发treeNode的单击事件

    //加入事件

    Ext.getCmp('xxxxx').on('事件名', function(){})

    //JS日期控件要格式化日期后再往后台传值

    CREATE_TIME: !Ext.isEmpty() ? '' : Ext.util.Format.date(Ext.getCmp('datefieldLoginBegin').getValue(), 'Y/m/d')

    //日期控件check

    Ext.getCmp('datefieldStartDate').isValid()

    //tabPanel子项加入关闭事件

    contentPanel.add({

          id: nodeId,

          title: nodeText,

          closable: true,

          header: false,

           listeners: { 'beforedestroy': function () { callDestroy(nodeId); } },//加入tab项的关闭事件

           html: '<iframe scrolling="auto" frameborder="0" width="100%" height="100%" src= "' + node.attributes.actionPath + '"></iframe>'

    });

    //title居中

    title: '数据总览',

    titleAlign: 'center',

    style: 'text-align:center',

    //解决双击treeNode后变成目录

    treeItemClick: function (treePnl, record, item, index, e) {

            record.data.leaf = true;//在treeclick方法最后一行加上这句

    },

extjs的相关属性的更多相关文章

  1. 随手记一次用C#正则表达式获取下拉菜单html标签<select>以及相关属性值

    随手记一次用C#正则表达式获取下拉菜单html标签<select>以及相关属性值 1:有如下html: .................. <select id="aaa ...

  2. css中的大小、定位、轮廓相关属性

    css中的大小.定位.轮廓相关属性 1.通过height.width属性控制组件大小 height:高度,可以设置任何有效的距离值: width:宽度,可以设置任何有效的属性值: max-height ...

  3. css中的背景、边框、补丁相关属性

    css中的背景.边框.补丁相关属性 关于背景涉及到背景颜色与背景图片 背景颜色background-color即可设定: 背景图片background-image即可设定: 但是背景图片还涉及到其他的 ...

  4. Activity Intent Flags及Task相关属性

    转自http://www.cnblogs.com/lwbqqyumidi/p/3775479.html 今天我们来讲一下Activity的task相关内容. 上次我们讲到Activity的四种启动模式 ...

  5. AndroidManifest.xml中<activity></activity>相关属性说明

    虽说,从事android开发有一定时间了,对于Activity大家也都不陌生,但是具体的对于Activity中相关属性的含义有必要做一个系统的总结: intent-filteraction: 来指定响 ...

  6. css中的字体及文本相关属性

    css中的字体及文本相关属性 1.字体相关属性 字体主要可以设置color.font-family.font-size.font-size-adjust.font-stretch.font-style ...

  7. Android总结篇系列:Activity Intent Flags及Task相关属性

    同上文一样,本文主要引用自网上现有博文,并加上一些自己的理解,在此感谢原作者. 原文地址: http://blog.csdn.net/liuhe688/article/details/6761337 ...

  8. IOS开发UI基础UITextView相关属性

    UITextView相关属性 •    text: 设置textView中文本_textView.text = @"Now is the time for all good develope ...

  9. IOS开发UI基础UITextFidle相关属性

    UITextFidle相关属性 •    enablesReturnKeyAutomatically默认为No,如果设置为Yes,文本框中没有输入任何字符的话,右下角的返回按钮是disabled的. ...

随机推荐

  1. PageHeap,调试Heap问题的工具

    <Windows用户态程序高效排错>第二章主要介绍用户态调试相关的知识和工具.本文主要讲了PageHeap,调试Heap问题的工具. AD:51CTO学院:IT精品课程在线看! 2.4.2 ...

  2. Lisp: Common Lisp, Racket, Clojure, Emacs Lisp - Hyperpolyglot

    Lisp: Common Lisp, Racket, Clojure, Emacs Lisp - Hyperpolyglot Lisp: Common Lisp, Racket, Clojure, E ...

  3. C#同步SQL Server数据库中的数据--数据库同步工具[同步新数据]

    C#同步SQL Server数据库中的数据 1. 先写个sql处理类: using System; using System.Collections.Generic; using System.Dat ...

  4. 基于Servlet、JSP、JDBC、MySQL的一个简单的用户注冊模块(附完整源代码)

    近期看老罗视频,做了一个简单的用户注冊系统.用户通过网页(JSP)输入用户名.真名和password,Servlet接收后通过JDBC将信息保存到MySQL中.尽管是个简单的不能再简单的东西,但麻雀虽 ...

  5. 由“Jasperrpeorts 4.1.2升级到5.1.2对flex项目的解析”到AS3 带命名空间的XML的操作

    原文同步至:http://www.waylau.com/from-jasperrpeorts-4-1-2-upgraded-to-5-1-2-parsing-of-flex-projects-to-t ...

  6. hdu1151+poj2594(最小路径覆盖)

    传送门:hdu1151 Air Raid 题意:在一个城镇,有m个路口,和n条路,这些路都是单向的,而且路不会形成环,现在要弄一些伞兵去巡查这个城镇,伞兵只能沿着路的方向走,问最少需要多少伞兵才能把所 ...

  7. 下载jdk文件后缀是.gz而不是.tar.gz怎么办

    用chrom浏览器下载了linux版的jdk,发现文件后缀是.gz,没看过这玩意,一打开,还是一个.gz文件,原本以为是新文件后缀呢.那个百度google啊. . ..最后都没发现有这方面的资料啊.. ...

  8. Android清理设备内存具体完整演示样例(一)

    MainActivity例如以下: package come.on; import android.app.Activity; import android.content.Context; impo ...

  9. android中Sensor 工作流程

    JAVA 程序 我们使用 sensor 接口一般只要注册一下 SensorListener 像下面这样 ************************************************ ...

  10. OpenStack 中的neutron-server启动过程

    neutron-server是neutron的核心组件之中的一个.负责直接接收外部请求,然后调用后端对应plugin进行处理. 其核心启动过程代码主要在neutron.server包中. __init ...