Oct 28, 2011, 9:21 AM
Layout within Panel
<script type="text/javascript" language="javascript">
var renderColumns = function(grid) {
grid.getView().el.select('.x-grid3-header').setStyle('display', 'none');
}
</script>
<ext:Panel runat="server" Border="true">
<Items>
<ext:Container Layout="HBoxLayout" runat="server">
<Items>
<ext:DisplayField runat="server" Text="List of documents" />
<ext:Button runat="server" Text="Upload" ID="btnChoose">
<Listeners>
<Click Handler="#{wndUploadFile}.show()"></Click>
</Listeners>
</ext:Button>
</Items>
</ext:Container>
<ext:GridPanel ID="egrAttachments" runat="server" AutoWidth="true" Header="false">
<%-- --------------------- --%>
<Listeners>
<Render Fn="renderColumns"></Render>
</Listeners>
</ext:GridPanel>
</Items>
</ext:Panel>1) How can I align the button "btnChoose" to the right of Panel? If I set the property Cls="float-right" of this button and define the class .float-right as float:right, it doesn't make any effect.
2)I use the function "renderColumn" to hide grid headers. Is this the right way of doing it? If it's not is there any way to do it?
Originally Posted by AlexMaslakov
