ExtJS blog pont hu

Unknown xtype

2012.05.15. 08:01 stack

Hasznos, ha hibás xtype esetén nem egyszerű index hibát kapunk, hanem a hibát megmagyarázó üzenetet:

Ext.create = Ext.ComponentMgr.create = function (config, defaultType) {
   if (config.render) {
       return config;
   }
   var xtype = config.xtype || defaultType;
   if (!Ext.ComponentMgr.types[xtype]) {
       throw 'Unknown xtype: ' + xtype;
   }
   return new Ext.ComponentMgr.types[xtype](config);
};

Szerencsére ExtJS4 esetén ezzel már nincsen gond, az ext-all-dev.js számtalan hasonló ellenőrzést tartalmaz.

Facebook Tumblr Tweet Pinterest Tetszik

0

Szólj hozzá!

Címkék: error override xtype

Slider.zIndex

2011.07.04. 07:39 stack

Ha egy SliderField-nél a csúszkát mozgatjuk, akkor megváltozik a hozzá tartozó z-index értéke.

(A SliderField is a MultiSlider elemet használja, ahol több thumb elem is használható, így szükséges, hogy mozgatás közben az aktuális elem magasabban legyen, mint a többi)

Az nem világos, hogy miért kell alapértelmezetten ilyen extrém nagy értéket (10.000) megadni ennek a z-index-nek? Egy ablak alapértelmezetten 9.000 körüli z-index-et kap.
Példa itt: stack.hu/extjs/slider_zindex.php (csúszka mozgatás, majd ablak ráhelyezés)

A MultiSlider egyik paramétere, hogy mekkora értéket kapjon a z-index, ennek felülírásával javítható ez a probléma.

Ext.slider.MultiSlider.prototype.topThumbZIndex = 1;

Javított verzió megnézhető itt: stack.hu/extjs/slider_zindex.php?fix

Facebook Tumblr Tweet Pinterest Tetszik

0

Szólj hozzá!

Címkék: override zindex slider

createContextualFragment

2011.05.30. 08:02 stack

Sajnos az IE 9-nek van egy kis problémája az ExtJS-sel: Error: Object doesn't support property or method 'createContextualFragment'. Adjuk hozzá a hiányzó metódust:

if (typeof Range !== "undefined" && !Range.prototype.createContextualFragment) {
    Range.prototype.createContextualFragment = function (html) {
      var frag = document.createDocumentFragment(),
          div = document.createElement("div");
      frag.appendChild(div);
      div.outerHTML = html;
      return frag;
};
}

Facebook Tumblr Tweet Pinterest Tetszik

0

2 komment

Címkék: override ie9

Array.chunk()

2011.03.22. 13:16 stack

// [1, 2, 3, 4, 5, 6].chunk(2); -> [[1, 2], [3, 4], [5, 6]]

if (typeof Array.prototype.chunk === 'undefined') {
    Array.prototype.chunk = function (size) {
        for (var x, i = 0, c = -1, l = this.length, n = []; i < l; i++) {
            (x = i % size) ? n[c][x] = this[i] : n[++c] = [this[i]];
        }
        return n;
    };
}

Facebook Tumblr Tweet Pinterest Tetszik

0

Szólj hozzá!

Címkék: override array

cmp.toggleVisible();

2010.07.21. 07:33 stack

Ext.override(Ext.Component, {
    toggleVisible: function () {
        this.setVisible(!this.isVisible());
    }
});

Facebook Tumblr Tweet Pinterest Tetszik

0

Szólj hozzá!

Címkék: override visible

String.isJSON()

2009.12.01. 22:58 stack

Egy string-ről legkönnyebben úgy tudjuk megállapítani, hogy JSON vagy sem, hogy megpróbáljuk átalakítani. Ha sikerült, akkor az, ellenkező esetben pedig nem, ilyen egyszerű. :)

Ext.override(String, {
    isJSON: function () {
        try {
            Ext.decode(this);
            return true;
        } catch(e) {
            return false;
        }
    }
});

tovább »

Facebook Tumblr Tweet Pinterest Tetszik

0

Szólj hozzá!

Címkék: override string json

Store.toJSON()

2009.11.26. 23:20 stack

Store teljes tartalma JSON alakban:

Ext.override(Ext.data.Store, {
    toJSON: function () {
        var items = [];
        this.each(function (record) {
            items.push(Ext.encode(record.data));
        });
        return '[' + items.join(',') + ']';
    }
});

Facebook Tumblr Tweet Pinterest Tetszik

0

Szólj hozzá!

Címkék: store override json

Ext.getViewport()

2009.07.12. 14:20 stack

A bevezetőbe eredetileg arról akartam írni, hogy logikusabb lett volna, ha a Viewport singelton osztályként működne, mivel hosszas tanakodás után sem találtam életrevaló példát, ahol egyszerre két/több Viewport-ot használnék. (A párhuzamosan több képernyő lekezelésére is inkább egy darab fit layout-os Viewportot használnék, és abban váltogatnám az aktív elemeket.) Ám miközben az érveket, ellenérveket soroltam fel, rájöttem, hogy igaz az, hogy csak legfeljebb egyetlenegy példányt hozunk létre, de működésben szükséges, hogy pontosan ugyanúgy viselkedjen, ahogy a többi konténer elem. Felesleges csavar lenne, ha egyke osztályként működne.

Az persze továbbra is megmaradt, hogy én csak egy Viewport-ot használok, ahogy az is, hogy szükségem lehet arra, hogy azt közvetlenül elérjem. (megoldás persze a Ext.getCmp(viewport_id) is, ám ez szerintem rugalmatlan)

tovább »

Facebook Tumblr Tweet Pinterest Tetszik

0

4 komment

Címkék: override viewport

ComboBox.getSelectedRecord()

2009.04.16. 11:18 stack

Hosszan nézegettem a doksit, de nem találtam olyan függvényt, ami megadná a ComboBox-hoz tartozó kiválasztott rekordot. Ellentmondásos számomra, hogy ha van függvény a Store lekérésére, akkor miért nincs a kiválasztott rekord lekérésére, illetve ehhez miért kell egy privát (és ezáltal a doksiban sem szereplő) eljárást használni?

Ext.override(Ext.form.ComboBox, {
    getSelectedRecord: function() {
        return this.findRecord(this.valueField, this.getValue());
    }
});

Példa:

tovább »

Facebook Tumblr Tweet Pinterest Tetszik

0

2 komment

Címkék: combobox override record

Field.setReadOnly

2009.03.24. 22:15 stack

A szövegmező readOnly tulajdonsága is egy olyan tulajdonság, amit alapértelmezetten nem lehet módosítani. Pedig szerintem volna rá szükség.

Ext.override(Ext.form.Field, {
   setReadOnly: function (value) {
       if (this.rendered && this.readOnly != value) {
           var el = this.getEl();
           el.dom.setAttribute('readOnly', value);
           el.dom.readOnly = value;
        }
       this.readOnly = value;
       return this;
   }
});

Facebook Tumblr Tweet Pinterest Tetszik

0

Egy fejlesztés tapasztalatai...

Címkék » override

2012.05.15. 08:01 stack

Címkék: error override xtype

2011.07.04. 07:39 stack

Címkék: override zindex slider

2011.05.30. 08:02 stack

Címkék: override ie9

2011.03.22. 13:16 stack

Címkék: override array

2010.07.21. 07:33 stack

Címkék: override visible

2009.12.01. 22:58 stack

Címkék: override string json

2009.11.26. 23:20 stack

Címkék: store override json

2009.07.12. 14:20 stack

Címkék: override viewport

2009.04.16. 11:18 stack

Címkék: combobox override record

2009.03.24. 22:15 stack

Címkék: override field readonly

ExtJS blog, mi ez?

Címkék

Extjs.blog.hu - RSS

Kérdés?

Twitter