1. #1
    Sencha User
    Join Date
    Mar 2012
    Location
    South West Germany
    Posts
    4
    Vote Rating
    0
    magnalox is on a distinguished road

      0  

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

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


    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
    Last edited by magnalox; 10 Mar 2012 at 7:39 AM. Reason: typos, explanation

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,547
    Vote Rating
    873
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Instead of using Panel, should use Component.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Mar 2012
    Location
    South West Germany
    Posts
    4
    Vote Rating
    0
    magnalox is on a distinguished road

      0  

    Default Why not Panel?

    Why not Panel?


    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
    Code:
    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.
    Last edited by magnalox; 12 Mar 2012 at 5:59 AM. Reason: typo

  4. #4
    Sencha User SunboX's Avatar
    Join Date
    Mar 2010
    Posts
    238
    Vote Rating
    28
    SunboX has a spectacular aura about SunboX has a spectacular aura about

      0  

    Default


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

  5. #5
    Sencha User
    Join Date
    Mar 2012
    Location
    South West Germany
    Posts
    4
    Vote Rating
    0
    magnalox is on a distinguished road

      0  
    Last edited by magnalox; 27 Jun 2012 at 6:24 AM. Reason: mistake

  6. #6
    Sencha User
    Join Date
    Mar 2012
    Location
    South West Germany
    Posts
    4
    Vote Rating
    0
    magnalox is on a distinguished road

      0  

    Default New V 1.1 works with ExtJS V4.1

    New V 1.1 works with ExtJS V4.1


    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

Thread Participants: 2