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
    5
    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
    54
    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?