What's New?

[CLOSED] [Bug 2.2] DateField Tab while calendar window triggered does not tab to next form input field.

  1. #1
    Mar 29, 2013, 12:26 AM

    [CLOSED] [Bug 2.2] DateField Tab while calendar window triggered does not tab to next form input field.

    Every other input control seems to supports tab away from the current input except the datepicker. I'm confident the issue is within extjs, but I thought I'd note this concern as it isn't urgent but still relevant to proper form UI usage.
    Last edited by Daniil; Apr 04, 2013 at 4:23 AM. Reason: [CLOSED]
  2. #2
    Mar 29, 2013, 3:02 AM
    Hello!

    It doesn't look as a bug, it's more like unexpected behavior in your case. Do want to change it?

    We are investigating it.
  3. #3
    Mar 29, 2013, 4:22 AM
    Hi,

    I would also agree it is not a bug.

    Tabbing+Enter allows to choose a date within a DatePicker. I think it is more desired behavior in a common case.

    You could implement the behavior that you need. Do you need assistance on this?
  4. #4
    Mar 31, 2013, 7:49 AM
    I guess I can see why you guys don't consider this a bug since triggering the calendar into view requires a trigger to active. Okay, yes please. How best could I add this behavior?
  5. #5
    Apr 01, 2013, 5:12 AM
    I think handling a picker's Tab key is the only solution.

    Example
    <%@ Page Language="C#" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

<!DOCTYPE html>
<html>
<head runat="server">
    <title>Ext.NET v2 Example</title>

    <script>
        var onBeforeRender = function (field) {
            var p = field.getPicker();

            p.keyNav.map.addBinding({
                key: Ext.EventObject.TAB,
                fn: function () {
                    field.collapse();
                    App.TextField2.focus(true, 100);
                }
            });
        };
    </script>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" />
        <ext:TextField ID="TextField1" runat="server" />

        <ext:DateField ID="DateField1" runat="server">
            <Listeners>
                <Render Fn="onBeforeRender" />
            </Listeners>
        </ext:DateField>

        <ext:TextField ID="TextField2" runat="server" />
    </form>
</body>
</html>

Similar Threads

  1. SOLUTION for Ext.NET v1: Calendar with both edit window and form fully localized and customized!
    By Dimitris in forum Examples and Extras
    Replies: 10
    Last Post: Dec 02, 2014, 6:09 AM
  2. [CLOSED] Required field validation for mask input
    By MTSI in forum 2.x Legacy Premium Help
    Replies: 2
    Last Post: Mar 11, 2013, 6:51 PM
  3. [CLOSED] Ext.net v2 Beta release: DateField don´t accepts input date.
    By supera in forum 2.x Legacy Premium Help
    Replies: 6
    Last Post: Mar 20, 2012, 8:06 PM
  4. [CLOSED] DateField calendar shows behind window
    By jchau in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Nov 09, 2011, 5:37 PM
  5. [CLOSED] javascript triggered window
    By alexp in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Jun 12, 2009, 1:52 PM

Posting Permissions