Ext.ux.QrPanel: QR codes for ExtJS 4.x

[magnalox]

An extension that creates QR codes is here
http://code.google.com/p/qrext/downloads/list

Derived from Ext.panel.Panel, so you can easily use it in panels, windows, tabs etc.
http://jsfiddle.net/magnalox/qLPss/

Renders the code into a canvas or (for older browsers) a series of colored DIVs."Documentation" is in the example provided in the zip-package. Tested with 4.0.7 and 4.1.B3.

Flowers go to Kazuhiko Arase for the underlying JS code.

Have fun
Volker

[mitchellsimoens]

Instead of using Panel, should use Component.

[magnalox]

I considered using a Component in the beginning and found out that most of my use cases were Panels anyway. I admit that it can lead to one superflous nested div in the domtree, but given that there is usually only one instance present at a time, I found this acceptable.

On the other hand, layouts are rather easy to do and titles, collapsibles etc are just one line of code away.

Is there a strong argument I'm missing?
I use it like

Ext.create('Ext.Window', {

        title : 'Text & QR',
        layout: 'column',
        width : 400,
        plain: true,
        border: 0,
        autoShow : true,
        defaults: {
            margin: 20
        },
        items :[{
            columnWidth: .90,
            html: Ext.String.repeat(' asd gds kha wsdawc lsn', 10)+'.',
            bodyStyle: 'background:transparent',
            border: 0
        },{
            xtype : 'qrpanel',
            textToEncode : 'hello qr world'
        }]

    });

Btw: When dragging such a window, the ghosted dummy shows inner window borders, what is somewhat confusing, since my window doesnt have those.

[SunboX]

Can we view the unminified source code somewhere? (github?)

[magnalox]

It's on googlecode in qrextV1.0.zip
Edit: on googlecode, not github

[magnalox]

Upon request I released a new version V1.1 which works with Ext V4.1 (and probably not with older versions).

All files:
http://code.google.com/p/qrext/source/browse/

Demopage:
http://qrext.googlecode.com/git/qrext_demo.htm

Readme:
http://qrext.googlecode.com/git/qrext_readme.htm

Have fun,
Volker