Hybrid View

  1. #1
    Sencha User kryo's Avatar
    Join Date
    Jan 2010
    Location
    Costa Rica
    Posts
    34
    Vote Rating
    0
    kryo is on a distinguished road

      0  

    Cool Ext.ux.form.DateRange

    Ext.ux.form.DateRange


    My first contribution to ExtJs. Demo and some documentation included in the zip file.
    I'm still very new to ExtJs (mostly jquery/ui background) and would appreciate constructive criticism and suggestions for future releases.

    Hope you find it useful!

    News:

    If you like this extension, you'll be happy to know about the rewrite I made of it. You can find more information about it here: http://www.sencha.com/forum/showthre...ate.RangeField

    Enjoy!

    0.2a changes
    • Listens for when a user presses ENTER (while the field is focused).
    • Now the default value can be set through the 'value' configuration.
    • Tested and bundles on ExtJs 3.2.1.
    Attached Images
    Attached Files
    Last edited by kryo; 30 Jan 2011 at 5:30 PM. Reason: Updated to 0.2a

  2. #2
    Sencha User
    Join Date
    Mar 2008
    Posts
    566
    Vote Rating
    0
    moegal is on a distinguished road

      0  

    Default


    it looks great, I will try it today.

    Marty

  3. #3
    Sencha - Community Support Team mystix's Avatar
    Join Date
    Mar 2007
    Location
    Singapore
    Posts
    6,236
    Vote Rating
    4
    mystix will become famous soon enough

      0  

    Thumbs up


    great 1st (or 2nd?) post!

  4. #4
    Ext User
    Join Date
    Apr 2009
    Posts
    1
    Vote Rating
    0
    joelbair09 is on a distinguished road

      0  

    Default Small IE8 Modification

    Small IE8 Modification


    Firstly -- Nice Extension -- It's quite extend-able its-self... Which makes me happy as I can extend you class to suit me needs nicely...

    I'm embedding it into a prefigured ToolBar (ext-3.1.0) - which works seamlessly in FF3.0 - 3.6. However in IE8 the Custom Date Range side by side DatePicker's would render @ 100% browser width - completely Left Justified...

    This may be due to an ext-3.1.0 bug - but don't mention that you heard that form me.

    The following is a simple workaround that I've added.
    Added a width parameter to the menu constructor.
    Line 279++

    <-------------------
    dateMenu = new Ext.menu.Menu({
    plain: true,
    items: [ dateForm ]
    });

    ------------------->
    dateMenu = new Ext.menu.Menu({
    width: 350,
    plain: true,
    items: [ dateForm ]
    });


    Which solved the issue for me...

  5. #5
    Sencha User kryo's Avatar
    Join Date
    Jan 2010
    Location
    Costa Rica
    Posts
    34
    Vote Rating
    0
    kryo is on a distinguished road

      0  

    Default


    Glad you liked my extension. Thank you for your contribution!

    Honestly, i think the whole

    Code:
    var dateForm = new Ext.form.FormPanel({
                                width: 350
    ...
    feels a little "hacky", I'd much rather that everything shrinks according to size.
    Any idea how to do this? I tried leaving it blank, but it kept turning it into a single column
    instead of nicely laid out side by side.

  6. #6
    Ext User mrlynn's Avatar
    Join Date
    Sep 2009
    Posts
    2
    Vote Rating
    0
    mrlynn is on a distinguished road

      0  

    Default Max and Min Date Override?

    Max and Min Date Override?


    How does one override the Max and Min Dates?

  7. #7
    Sencha Premium Member
    Join Date
    Jan 2009
    Posts
    53
    Vote Rating
    0
    ady@daxtechnologies.com is on a distinguished road

      0  

    Default


    This is exactly what I was looking for, unfortunately it doesn't work on Ext 2.2.x. I tried to migrate it to 2.2.x and it renders well but when the menu pops up I get:

    Code:
    this.cells is undefined
    anonymous(Tue Feb 23 2010 00:00:00 GMT-0500 (EST) _orient=1 _is=false _same=false _isSecond=false, true)ext-all-...943805849 (line 19704)
    anonymous(Tue Feb 23 2010 00:00:00 GMT-0500 (EST) _orient=1 _is=false _same=false _isSecond=false)ext-all-...943805849 (line 19289)
    anonymous("dateRange", "Custom Date Range")date-ran...943805849 (line 251)
    anonymous(Object specificDate=Specific Date, function(), Object name=scope)extjs-ov...943805849 (line 103)
    anonymous()date-ran...943805849 (line 199)
    anonymous(Object browserEvent=Event mousemove button=0)ext-all-...943805849 (line 1733)
    anonymous(click clientX=220, clientY=65)ext-base...943805849 (line 64)
    
    
    [IMG]chrome://firebug/content/blank.gif[/IMG]        var cells = this.cells.elements;\r\n
    It fails in this call: p1.picker.setMaxDate(cdateE);

    Any idea why it could fail like that?

    Thanks.

  8. #8
    Ext User
    Join Date
    Aug 2008
    Posts
    7
    Vote Rating
    0
    FoMa_x86 is on a distinguished road

      0  

    Default


    Great Extension! How to setup daterange default value?

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar