What's New?

[CLOSED] DateColumn with Format="HH:mm:ss"

  1. #1
    Nov 25, 2011, 9:30 AM

    [CLOSED] DateColumn with Format="HH:mm:ss"

    hi folks,

    I need to show time format column for dtHora column. I only need time part. Date part is depreciated.

    May you help me?

    Cheers



                                     <ext:JsonReader>
                                    <Fields>
                                        <ext:RecordField Name="Id" />
                                        <ext:RecordField Name="dtFecha" Type="Date" />
                                        <ext:RecordField Name="dtHora" Type="Date" />
                                        <ext:RecordField Name="CodigoIncidencia" />
                                    </Fields>
                                </ext:JsonReader>
                        <ColumnModel ID="ColumnModel1" runat="server">
                        <Columns>
                            <ext:RowNumbererColumn />
                            <ext:Column ColumnID="Id" DataIndex="Id" Editable="false" Hidden="true" />
                            <ext:DateColumn Header="dtFecha" DataIndex="dtFecha" Format="dd/MM/yyyy"/>
                            <ext:DateColumn  Header="dtHora" DataIndex="dtHora" Format="HH:mm:ss" />
                            <ext:Column Header="Incidencia" DataIndex="CodigoIncidencia">
                                <Editor>
                                    <ext:ComboBox runat="server" ID="cboIncidencias">
                                    </ext:ComboBox>
                                </Editor>
                            </ext:Column>
                        </Columns>
                    </ColumnModel>
    Last edited by Daniil; Nov 29, 2011 at 6:09 AM. Reason: [CLOSED]
  2. #2
    Nov 25, 2011, 10:27 AM
    Hi,

    It appears to be working as expected for me. I see a date in the "HH:mm:ss" format.

    Example
    <%@ Page Language="C#" %>
 
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<script runat="server">
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!X.IsAjaxRequest)
        {
            this.Store1.DataSource = new object[] 
            { 
                new object[] { DateTime.Now }
            };
            this.Store1.DataBind();
        }
    }
</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Ext.Net Example</title>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" />
        <ext:GridPanel ID="GridPanel1" runat="server" AutoHeight="true">
            <Store>
                <ext:Store ID="Store1" runat="server">
                    <Reader>
                        <ext:ArrayReader>
                            <Fields>
                                <ext:RecordField Name="test" Type="Date" />
                            </Fields>
                        </ext:ArrayReader>
                    </Reader>
                </ext:Store>
            </Store>
            <ColumnModel runat="server">
                <Columns>
                    <ext:DateColumn Header="Test" DataIndex="test" Format="HH:mm:ss" />
                </Columns>
            </ColumnModel>
        </ext:GridPanel>
    </form>
</body>
</html>
  3. #3
    Nov 25, 2011, 11:06 AM
    Please use JsonReader instead of ArrayReader.

    Your code does not work when reader type is canged.

    Cheers

    Quote Originally Posted by Daniil View Post
    Hi,

    It appears to be working as expected for me. I see a date in the "HH:mm:ss" format.

    Example
    <%@ Page Language="C#" %>
 
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<script runat="server">
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!X.IsAjaxRequest)
        {
            this.Store1.DataSource = new object[] 
            { 
                new object[] { DateTime.Now }
            };
            this.Store1.DataBind();
        }
    }
</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Ext.Net Example</title>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" />
        <ext:GridPanel ID="GridPanel1" runat="server" AutoHeight="true">
            <Store>
                <ext:Store ID="Store1" runat="server">
                    <Reader>
                        <ext:ArrayReader>
                            <Fields>
                                <ext:RecordField Name="test" Type="Date" />
                            </Fields>
                        </ext:ArrayReader>
                    </Reader>
                </ext:Store>
            </Store>
            <ColumnModel runat="server">
                <Columns>
                    <ext:DateColumn Header="Test" DataIndex="test" Format="HH:mm:ss" />
                </Columns>
            </ColumnModel>
        </ext:GridPanel>
    </form>
</body>
</html>
  4. #4
    Nov 25, 2011, 11:15 AM
    An ArrayReader expects an array of arrays, but a JsonReader expects an array of objects.

    Example
    <%@ Page Language="C#" %>
  
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<script runat="server">
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!X.IsAjaxRequest)
        {
            this.Store1.DataSource = new object[] 
            { 
                new { test = DateTime.Now }
            };
            this.Store1.DataBind();
        }
    }
</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Ext.Net Example</title>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" />
        <ext:GridPanel ID="GridPanel1" runat="server" AutoHeight="true">
            <Store>
                <ext:Store ID="Store1" runat="server">
                    <Reader>
                        <ext:JsonReader>
                            <Fields>
                                <ext:RecordField Name="test" Type="Date" />
                            </Fields>
                        </ext:JsonReader>
                    </Reader>
                </ext:Store>
            </Store>
            <ColumnModel runat="server">
                <Columns>
                    <ext:DateColumn Header="Test" DataIndex="test" Format="HH:mm:ss" />
                </Columns>
            </ColumnModel>
        </ext:GridPanel>
    </form>
</body>
</html>

Similar Threads

  1. [CLOSED] How does "MaskCls" work for "AutoLoad" mask in panel control
    By leon_tang in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Jul 19, 2012, 12:09 PM
  2. [CLOSED] TabPanel "TabCloseMenu" plug-in "CloseOtherTabsText" property not working
    By cleve in forum 2.x Legacy Premium Help
    Replies: 1
    Last Post: Jun 26, 2012, 11:29 AM
  3. [CLOSED] Ext.net v2 Beta release: Panel collapsed with CollapseMode="Mini" and Split="true"
    By supera in forum 2.x Legacy Premium Help
    Replies: 5
    Last Post: May 02, 2012, 5:37 PM
  4. [CLOSED] GridPanel: ServerSide Code Equivalent for "getSelectionModel().selectRow(0)" and "getView().focusRow(0)"
    By nhg_itd in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Oct 11, 2011, 2:42 AM
  5. When I try to Pass an ID in the " Store.Load({params: ( " my PAGING starts up with "NaN" as the first page...
    By RonaldR in forum 1.x Help
    Replies: 2
    Last Post: Jun 26, 2011, 1:59 AM

Posting Permissions