Results 1 to 4 of 4

Thread: Datepicker not rendering to a HTML <DIV> tag placed inside a <TD>

    You found a bug! We've classified it as EXTJS-18455 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha Premium Member
    Join Date
    Dec 2014
    Posts
    19

    Default Datepicker not rendering to a HTML <DIV> tag placed inside a <TD>

    Hi,
    We are facing an issue in rendering the datepicker to a HTML <DIV> tag placed inside a <TD>.
    Please find the code below which contains 2 datepickers with one of them rendered to a <DIV> tag inside a <TD> and another one rendered to a separate <DIV> tag.
    Also attached is the working fiddle.
    Please update us in how we can render it inside a <TD> tag as the alignment would go haywire if not placed inside a <TD>.
    Extjs version: ext-5.1.0
    Fiddle: https://fiddle.sencha.com/#fiddle/pjk
    Code:
    JS:
    Ext.application({
    name: 'Fiddle',


    launch: function() {
    //Date Picker rendered to a DIV placed outside a TD.
    Ext.create('Ext.picker.Date', {
    renderTo: 'datePickerOutsideTD',
    minDate: new Date()
    });


    //Date Picker rendered to a DIV placed inside a TD.
    Ext.create('Ext.picker.Date', {
    renderTo: 'datePickerInsideTD',
    minDate: new Date()
    });


    }
    });

    HTML:
    <div id="datePickerOutsideTD"></div>


    <table>
    <tr>
    <td>
    &nbsp;
    </td>
    </tr>
    </table>


    <table>
    <tr>
    <td>
    <div id="datePickerInsideTD"></div>
    </td>
    </tr>
    </table>

  2. #2
    Sencha User joel.watson's Avatar
    Join Date
    Nov 2014
    Posts
    3,120

    Default

    Hi--

    I'm not quite sure I understand the issue. When I run the Fiddle (and I've tried multiple browsers), both date pickers appear to render as expected.

    Can you elaborate on the issue that you're encountering?

    Thanks!
    Joel

  3. #3
    Sencha Premium Member
    Join Date
    Dec 2014
    Posts
    19

    Default Datepicker not rendering to a HTML <DIV> tag placed inside a <TD>

    Hi Joel,
    Thanks for the reply. The problem is the day indicator in the date picker is not displayed when the date picker is rendered inside the <TD> tag. Please see the attached screenshot below

    Thanks,

    Deniz.

    Date Picker.jpg
    Attached Images Attached Images

  4. #4
    Sencha User joel.watson's Avatar
    Join Date
    Nov 2014
    Posts
    3,120

    Default

    Ah, indeed, I see it now

    Yeah, definitely a bug. I've filed a ticket (EXTJS-18455) to get this fixed.

    Thanks!
    Joel

Similar Threads

  1. Rendering HTML inside of a ExtJS container
    By mvbaffa in forum Ext 3.x: Help & Discussion
    Replies: 3
    Last Post: 11 Mar 2011, 6:53 PM
  2. Replies: 5
    Last Post: 21 May 2008, 1:03 PM
  3. [a3-r4]Datepicker: Different rendering on IE(6+7) vs. FF2
    By Wolfgang in forum Ext 2.x: Help & Discussion
    Replies: 2
    Last Post: 2 Apr 2007, 12:48 AM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •