亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

Extjs中DisplayField的日期或者數字格式化擴展

 更新時間:2010年09月03日 22:17:52   作者:  
在用Extjs的時候,有時需要對 Ext.form.DisplyField 進行格式化。
使用 Ext.form.FormPanel 來處理數據時候,某些字段是需要只讀的。當然我們可以使用 Ext.form.TextField,然后設置成 ReadOnly,不過這樣子的顯示效果不是很好,因為始終會有個輸入框。所以我們必須使用 Ext.form.DisplayField,但是 Ext.form.DisplayField 沒有一個format的屬性,也不具備 renderer 這個事件,比如日期字段
var form = new Ext.form.FormPanel({
frame: true,
renderTo: 'form-div',
items: [{
      xtype: 'displayfield',
       fieldLabel: 'Date',
       value: new Date()
    }]
});
那它顯示的就有點不正確了
 

那么我們可以重寫一下 Ext.form.DisplayField,讓他支持 format 屬性

Ext.override(Ext.form.DisplayField, {
  getValue: function () {
    return this.value;
  },
  setValue: function (v) {
    this.value = v;
    this.setRawValue(this.formatValue(v));
    return this;
  },
  formatValue: function (v) {
    if (this.dateFormat && Ext.isDate(v)) {
      return v.dateFormat(this.dateFormat);
    }
    if (this.numberFormat && typeof v == 'number') {
      return Ext.util.Format.number(v, this.numberFormat);
    }
    return v;
  }
});
我們給 Ext.form.DisplayField 加了兩個屬性: dateFormat 和 numberFormat,然后我們將上面的 FormPanel 改一下

var form = new Ext.form.FormPanel({

    frame: true,

    renderTo: 'form-div',

    items: [{

      xtype: 'displayfield',

      fieldLabel: 'Date',

      value: new Date(),

      dateFormat: 'm/d Y'

    }]

});

應該還是比較 perfect 的,哈哈哈

相關文章

  • extjs render 用法介紹

    extjs render 用法介紹

    renderer可以格式化該列顯示的數據格式或者按照你自定義的腳本顯示最終數據樣子,個人是這么理解,如果你不是可以看下本文
    2013-09-09
  • EXTJS FORM HIDDEN TEXTFIELD 賦值 使用value不好用的問題

    EXTJS FORM HIDDEN TEXTFIELD 賦值 使用value不好用的問題

    用了一個方法解決了此問題,但是老是感覺這樣解決了很不爽,各位有沒有遇到過這種問題,請指點一下。
    2011-04-04
  • 學習ExtJS table布局

    學習ExtJS table布局

    ExtJS table布局使用說明,需要的朋友可以參考下。
    2009-10-10
  • Extjs表單常見驗證小結

    Extjs表單常見驗證小結

    Extjs表單驗證包括空驗證、用vtype格式進行簡單的驗證、高級自定義密碼驗證、使用正則表達式驗證等等
    2014-03-03
  • Ajax請求在數據量大的時候出現超時的解決方法

    Ajax請求在數據量大的時候出現超時的解決方法

    這篇文章主要介紹了Ajax請求在數據量大的時候出現超時的解決方法,需要的朋友可以參考下
    2014-02-02
  • Ext修改GridPanel數據和字體顏色、css屬性等

    Ext修改GridPanel數據和字體顏色、css屬性等

    這篇文章主要介紹了Ext修改GridPanel數據和字體顏色、css屬性等,需要的朋友可以參考下
    2014-06-06
  • Exjs 入門篇

    Exjs 入門篇

    Extjs是從yui-ext發(fā)展來的一套ajax控件,是一套完整的富客戶端解決方案,也因為功能完整,ext-all.js有400多k(最新的extjs3.2.0 有600多k),以為是基于js和css的功能實現,對客戶端機器性能也有一定的要求,比如對ie6以下版本的不支持。
    2010-04-04
  • Extjs 3.3切換tab隱藏相應工具欄出現空白解決

    Extjs 3.3切換tab隱藏相應工具欄出現空白解決

    在切換tabpanel的時候,把相應的工具欄隱藏掉,結果出現空白,先熊板板的空白不過后來終于解決,接下來與大家分享下解決技巧,感興趣的朋友可以參考下哈
    2013-04-04
  • Extjs中使用extend(js繼承) 的代碼

    Extjs中使用extend(js繼承) 的代碼

    Extjs中使用extend(js繼承) 的代碼,抄<深入淺出Extjs>書
    2012-03-03
  • Extjs ajax同步請求時post方式參數發(fā)送方式

    Extjs ajax同步請求時post方式參數發(fā)送方式

    一般參數傳遞通過url后面跟后臺也能取到,不過看到send參數也可以發(fā)送參數,試驗了一下服務器端接受不到發(fā)送的參數,在firebug里看到發(fā)送的請求post部分是一個串,不太象正常發(fā)送的參數。
    2009-08-08

最新評論