PDA

View Full Version : [CLOSED] How to render "Div" tag inside Items collection of Panels?



alscg
May 09, 2013, 1:56 PM
Hi,

I have to insert "Div" tag inside items collection of panel ..for Example as below . What is the best to way to do this?



<ext:TabPanel ID="tabRolesPermissions" Cls="role-tabpanel" Margin="10" Width="" runat="server" ActiveTabIndex="0">
<Items>
<ext:Panel ID="pnlExistingRoles" runat="server" TabIndex="0" Title="Existing Roles">
<Items>
<ext:GridPanel ID="grdExistingRoles" runat="server" Cls="grd-existing-roles">
<Store>
<ext:Store ID="grdStore" runat="server" PageSize="10">
<Model>
<ext:Model ID="Model1" runat="server">
<Fields>
<ext:ModelField Name="Role_Id" />
<ext:ModelField Name="Role_Desc" />
<ext:ModelField Name="Role_Type_Id" />
<ext:ModelField Name="Updated_TS" />
<ext:ModelField Name="Status_Ind" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
<ColumnModel>
<Columns>
<ext:Column ID="colRoleID" Width="10" runat="server" DataIndex="Role_Id" Visible="false" />
<ext:Column ID="colRoleName" Width="500" Text="Role Name" DataIndex="Role_Desc" runat="server"></ext:Column>
<ext:DateColumn ID="colUpdatedDate" Text="Updated Date" Width="276" DataIndex="Updated_TS" Format="MM/dd/Y" runat="server" />
<ext:Column ID="colIsActive" Text="Status" Width="175" DataIndex="Status_Ind" runat="server">
<Renderer Fn="IsActiveRenderer" />
</ext:Column>
</Columns>
</ColumnModel>
<SelectionModel>
<ext:CheckboxSelectionModel ID="chkBxSelectionModel" SelectedRecordID="Role_Id" Mode="Multi" runat="server" CheckOnly="true">
</ext:CheckboxSelectionModel>
</SelectionModel>
<BottomBar>
<ext:PagingToolbar ID="PagingToolbar1" PrependButtons="true" HideRefresh="true" DisplayInfo="false"
FirstText="First" LastText="Last" PrevText="Previous" Cls="pager-body"
NextText="Next" runat="server" Height="75">
<Items>
<ext:ToolbarSpacer ID="ToolbarSpacer4" runat="server" Width="5" />
<ext:Label ID="lblDisplay" Text="Display " runat="server" />
<ext:ToolbarSpacer ID="ToolbarSpacer1" runat="server" Width="5" />
<ext:ComboBox ID="cmbPageSize" runat="server" Width="100" Height="50">
<Items>
<ext:ListItem Text="10" Value="10" />
<ext:ListItem Text="20" Value="20" />
</Items>
<SelectedItems>
<ext:ListItem Value="10" />
</SelectedItems>
<Listeners>
<Select Handler="#{grdExistingRoles}.store.pageSize = parseInt(this.getValue(),10); #{grdExistingRoles}.store.load();" />
</Listeners>
</ext:ComboBox>
<ext:ToolbarSpacer ID="ToolbarSpacer2" runat="server" Width="5" />
<ext:Label ID="lbl2" Text="records" Cls="records-text" runat="server"></ext:Label>
<ext:ToolbarSpacer ID="ToolbarSpacer3" runat="server" Width="450" />
</Items>
<Listeners>
<Render Fn="pageBtnLayoutChange" />
</Listeners>
</ext:PagingToolbar>
</BottomBar>
</ext:GridPanel>
<div class="custom-pagination">
<div id="pageing-info">
<ext:Panel ID="Panel1" runat="server" TabIndex="0" Title="Existing Roles">
<Items>
</Items>
</ext:Panel>
</div>
<div id="Pagination" class="pagination">
<input type="hidden" value="20" name="items_per_page" id="items_per_page" class="numeric" />
<input type="hidden" value="4" name="num_display_entries" id="num_display_entries" class="numeric" />
<input type="hidden" value="1" name="num_edge_entries" id="num_edge_entries" class="numeric" />
<input type="hidden" value="Previous" name="prev_text" id="prev_text" />
<input type="hidden" value="Next" name="next_text" id="next_text" />
<input type="hidden" value="First" name="first_text" id="first_text" />
<input type="hidden" value="Last" name="last_text" id="last_text" />
</div>
</div>
</Items>
</ext:Panel>
</Items>
</ext:TabPanel>

geoffrey.mcgill
May 09, 2013, 2:16 PM
Hello,

You can add any Html or Text inside the <Content> region of an Container type Component (such as Container, Panel, Window, etc).


<ext:Container runat="server">
<Content>
Html, Text, or anything else here.
</Content>
</ext:Container>

Hope this helps.

Daniil
May 14, 2013, 4:36 AM
The thread is related to this one.
http://forums.ext.net/showthread.php?24804

alscg
May 14, 2013, 9:46 AM
Hello,

You can add any Html or Text inside the <Content> region of an Container type Component (such as Container, Panel, Window, etc).


<ext:Container runat="server">
<Content>
Html, Text, or anything else here.
</Content>
</ext:Container>

Hope this helps.

Thanks...Now it's working fine. This thread can be closed.