PDA

View Full Version : [CLOSED] Using TagLabel in User Control is not displayed



Quico
Aug 13, 2014, 7:21 PM
Hi.

Outside:

http://forums.ext.net/attachment.php?attachmentid=14211&stc=1

In:

http://forums.ext.net/attachment.php?attachmentid=14221&stc=1

This is the code:



<ext:FormPanel ID="FormPanel1" runat="server"
Header="false"
BodyPadding="0"
Width="100"
Height="25"
Border="true">
<Items>
<ext:FieldContainer ID="FieldContainer2" runat="server" Width="100" Layout="HBoxLayout" DefaultAnchor="100%" >
<Items>
<ext:TextField runat="server" ID="Horas" MaskRe="[0-9]" Width="20" SelectOnFocus="true"
FieldStyle="background: transparent none !important; border-top-width: 0px !important; border-bottom-width: 0px !important;border-left-width: 0px !important;border-right-width: 0px !important;"
AllowBlank="false" BlankText="La hora" MaxLength="2" MsgTarget="Qtip" Margins="0 0 0 0" />
<ext:DisplayField ID="DisplayField1" runat="server" Text="<b>:</b>" Width="7" MarginSpec="0 0 0 0"
FieldStyle="background: transparent none !important; border-top-width: 0px !important; border-bottom-width: 0px !important;border-left-width: 0px !important;border-right-width: 0px !important;" />
<ext:TextField runat="server" ID="Minutos" MaskRe="[0-9]" Width="20" SelectOnFocus="true"
FieldStyle="background: transparent none !important; border-top-width: 0px !important; border-bottom-width: 0px !important;border-left-width: 0px !important;border-right-width: 0px !important;"
AllowBlank="false" BlankText="La hora" MaxLength="2" MsgTarget="Qtip" Margins="0 0 0 0" />
<ext:DisplayField ID="dfPuntoPM" runat="server" Text="<b>:</b>" Width="7" MarginSpec="0 0 0 0"
FieldStyle="background: transparent none !important; border-top-width: 0px !important; border-bottom-width: 0px !important;border-left-width: 0px !important;border-right-width: 0px !important;" />
<ext:TextField runat="server" ID="Segundos" MaskRe="[0-9]" Width="20" SelectOnFocus="true" Hidden="false"
FieldStyle="background: transparent none !important; border-top-width: 0px !important; border-bottom-width: 0px !important;border-left-width: 0px !important;border-right-width: 0px !important;"
AllowBlank="false" BlankText="La hora" MaxLength="2" MsgTarget="Qtip" Margins="0 0 0 0" />

<ext:Button ID="Button1" runat="server" Width="20" Height="25" >
<Menu>
<ext:Menu ID="Menu1" runat="server" ShowSeparator="false" Cls="transparent-menu" >
<Items>
<ext:FormPanel
ID="InfoTabPrincipal"
runat="server"
Width="325"
Layout="FitLayout" Height="120"
Frame="true">
<Items>
<ext:Container ID="Container5" runat="server" Layout="HBoxLayout" Width="320">
<Items>
<ext:Button ID="Button2" runat="server" Text="Horas" Height="30" Width="195" UI="Primary" />
<ext:Button ID="Button3" runat="server" Text="Minutos" Height="30" Width="85" MarginSpec="0 0 0 5" UI="Info" />
</Items>
</ext:Container>

<ext:Container ID="Container1" runat="server" Layout="HBoxLayout" Width="320">
<Items>
<ext:Container ID="Container3" runat="server" Layout="VBoxLayout" Width="20">
<Items>
<ext:DisplayField ID="DisplayField2" runat="server" Text="AM" MarginSpec="10 0 0 0" />
<ext:DisplayField ID="DisplayField3" runat="server" Text="PM" MarginSpec="20 0 0 0" />
</Items>
</ext:Container>
<ext:Container ID="Container2" runat="server" Layout="ColumnLayout" Width="180">
<Items>
<ext:TagLabel ID="TagLabel2" runat="server" SelectionMode="Single" TrackOver="true">
<Tags>
<ext:Tag Text="00" />
<ext:Tag Text="01" />
<ext:Tag Text="02" />
<ext:Tag Text="03" />
<ext:Tag Text="04" />
<ext:Tag Text="05" />
<ext:Tag Text="06" />
<ext:Tag Text="07" />
<ext:Tag Text="08" />
<ext:Tag Text="09" />
<ext:Tag Text="10" />
<ext:Tag Text="11" />
<ext:Tag Text="12" />
<ext:Tag Text="13" QTitle="Es la 1" />
<ext:Tag Text="14" QTitle="Es la 2" />
<ext:Tag Text="15" QTitle="Es la 3" />
<ext:Tag Text="16" QTitle="Es la 4" />
<ext:Tag Text="17" QTitle="Es la 5" />
<ext:Tag Text="18" QTitle="Es la 6" />
<ext:Tag Text="19" QTitle="Es la 7" />
<ext:Tag Text="20" QTitle="Es la 8" />
<ext:Tag Text="21" QTitle="Es la 9" />
<ext:Tag Text="22" QTitle="Es la 10" />
<ext:Tag Text="23" QTitle="Es la 11" Closable="false" />
</Tags>
</ext:TagLabel>

<ext:Button ID="Button4"
runat="server"
Text="Show selected tags"
Handler="alert(Ext.Array.pluck(this.prev().getSelected(), 'text').join(','));" />
</Items>
</ext:Container>
<ext:Container ID="Container4" runat="server" Layout="ColumnLayout" Width="100">
<Items>
<ext:TagLabel ID="TagLabel1" runat="server" SelectionMode="Single" TrackOver="true">
<Tags>
<ext:Tag Text="00" />
<ext:Tag Text="05" />
<ext:Tag Text="10" />
<ext:Tag Text="15" />
<ext:Tag Text="20" />
<ext:Tag Text="25" />
<ext:Tag Text="30" />
<ext:Tag Text="35" />
<ext:Tag Text="40" />
<ext:Tag Text="45" />
<ext:Tag Text="50" />
<ext:Tag Text="55" Closable="false" />
</Tags>
</ext:TagLabel>
</Items>
</ext:Container>
</Items>
</ext:Container>
</Items>
</ext:FormPanel>
</Items>
</ext:Menu>
</Menu>
</ext:Button>
</Items>
</ext:FieldContainer>
</Items>
</ext:FormPanel>


Thank you.

Daniil
Aug 14, 2014, 5:21 AM
Hi @Quico,

Your code produces the first image ("outisde" one) for me in both the cases, either I put the code directly on a page or to a user control.

So, the first thing I need to understand how it works for you without a user control.

Please specify Ext.NET and browser versions that you are using.

Quico
Aug 14, 2014, 12:28 PM
Hi @Daniil

It really does not work.

I put the code in the page and it worked well was.

The browser IE9 and Chrome.

Thank you.

Quico
Aug 14, 2014, 2:38 PM
I solved it by removing the FormPanel.

14241

Thank you.