Feb 23, 2018, 12:36 PM
[CLOSED] Part of panel cannot display
Dear Sir:
I want to divide page in four parts use ViewPort control. but one part cannot display. Can you help me to find out the problem.
Thanks
Holly
Here is Default.aspx code:
I want to divide page in four parts use ViewPort control. but one part cannot display. Can you help me to find out the problem.
Thanks
Holly
Here is Default.aspx code:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<ext:ResourceManager runat="server">
</ext:ResourceManager>
<script type="text/javascript">
Ext.data.Connection.override({ timeout: 9000000 });
Ext.Ajax.timeout = 9000000;
</script>
<ext:Viewport ID="ViewPort1" runat="server" Layout="BorderLayout" >
<Items>
<ext:Panel ID="WestPanel" runat="server" Header="false" Region="Center" Layout="FitLayout" >
<Items>
<ext:Panel ID="Panel1" runat="server" Header="false" layout="BorderLayout" >
<Items>
<ext:Panel ID="Panel3" runat="server" Header="false" Region="Center" layout="BorderLayout" Height="440" >
<TopBar>
<ext:Toolbar ID="Toolbar1" runat="server" >
<Items>
<ext:Button Text="Button1" ID="btnZoomOut" runat="server" ToolTip="Zoom Out">
</ext:Button>
<ext:ToolbarTextItem ID="lblErrorMessage" runat="server">
</ext:ToolbarTextItem>
<ext:ToolbarFill>
</ext:ToolbarFill>
</Items>
</ext:Toolbar>
</TopBar>
<Items>
<ext:Panel ID="Panel7" runat="server" Title="Page Thumbnails" Region="West" Collapsible="true" Split="true" Frame="true" AutoScroll="false" >
</ext:Panel>
<ext:Panel ID="Panel2" runat="server" Title="Selected Page" Region="Center" Dock="Top" Collapsible="false" AutoScroll="false" >
</ext:Panel>
</Items>
</ext:Panel>
<ext:Panel ID="Panel8" runat="server" Header="false" Region="South" Height="400" layout="BorderLayout" >
<TopBar>
<ext:Toolbar ID="Toolbar3" runat="server" >
<Items>
<ext:Button Text="Button3" ID="Button13" runat="server" ToolTip="Zoom Out">
</ext:Button>
<ext:ToolbarTextItem ID="ToolbarTextItem5" runat="server">
</ext:ToolbarTextItem>
<ext:ToolbarFill>
</ext:ToolbarFill>
</Items>
</ext:Toolbar>
</TopBar>
<Items>
<ext:Panel ID="Panel9" runat="server" Title="Page Thumbnails" Region="West" Collapsible="true" Split="true" Frame="true" AutoScroll="false" >
</ext:Panel>
<ext:Panel ID="Panel10" runat="server" Title="Selected Page" Region="Center" Dock="Top" Collapsible="false" AutoScroll="false" >
</ext:Panel>
</Items>
</ext:Panel>
</Items>
</ext:Panel>
</Items>
</ext:Panel>
<ext:Panel ID="East" runat="server" Header="false" Region="East" Width="600" Layout="BorderLayout" >
<Items>
<ext:Panel ID="Panel11" runat="server" Header="false" layout="BorderLayout" Region="Center" Height="430" >
<Items>
<ext:Panel ID="Panel4" runat="server" Header="false" Height="430" layout="BorderLayout" >
<TopBar>
<ext:Toolbar ID="Toolbar2" runat="server" >
<Items>
<ext:Button Text="Button2" ID="Button2" runat="server" ToolTip="Zoom Out">
</ext:Button>
<ext:ToolbarTextItem ID="ToolbarTextItem3" runat="server">
</ext:ToolbarTextItem>
<ext:ToolbarFill>
</ext:ToolbarFill>
</Items>
</ext:Toolbar>
</TopBar>
<Items>
<ext:Panel ID="Panel5" runat="server" Title="Page Thumbnails" Region="West" Collapsible="true" Split="true" Frame="true" AutoScroll="false" >
</ext:Panel>
<ext:Panel ID="Panel6" runat="server" Title="Selected Page" Region="Center" Dock="Top" Collapsible="false" AutoScroll="false" >
</ext:Panel>
</Items>
</ext:Panel>
<ext:Panel ID="Panel12" runat="server" Header="false" Region="South" Height="400" layout="BorderLayout" >
<TopBar>
<ext:Toolbar ID="Toolbar4" runat="server" >
<Items>
<ext:Button Text="Button4" ID="Button24" runat="server" ToolTip="Zoom Out">
</ext:Button>
<ext:ToolbarTextItem ID="ToolbarTextItem7" runat="server">
</ext:ToolbarTextItem>
<ext:ToolbarFill>
</ext:ToolbarFill>
</Items>
</ext:Toolbar>
</TopBar>
<Items>
<ext:Panel ID="Panel13" runat="server" Title="Page Thumbnails" Region="West" Collapsible="true" Split="true" Frame="true" AutoScroll="false" >
</ext:Panel>
<ext:Panel ID="Panel14" runat="server" Title="Selected Page" Region="Center" Dock="Top" Collapsible="false" AutoScroll="false" >
</ext:Panel>
</Items>
</ext:Panel>
</Items>
</ext:Panel>
</Items>
</ext:Panel>
</Items>
</ext:Viewport>
</form>
</body>
</html>
Here is web.config code:<?xml version="1.0"?>
<!--
For more information on how to configure your ASP.NET application, please visit
http://go.microsoft.com/fwlink/?LinkId=169433
-->
<configuration>
<configSections>
<section name="extnet" type="Ext.Net.GlobalConfig" requirePermission="false"/>
</configSections>
<extnet theme="Crisp" licenseKey="" />
<system.web>
<compilation debug="true" targetFramework="4.5.2" />
<pages controlRenderingCompatibilityVersion="3.5" clientIDMode="AutoID">
<controls>
<add tagPrefix="ext" namespace="Ext.Net" assembly="Ext.Net"/>
</controls>
</pages>
<httpHandlers>
<add path="*/ext.axd" verb="*" type="Ext.Net.ResourceHandler" validate="false"/>
</httpHandlers>
<httpModules>
<add name="DirectRequestModule" type="Ext.Net.DirectRequestModule, Ext.Net"/>
</httpModules>
<httpRuntime targetFramework="4.5.2" />
</system.web>
<system.webServer>
<validation validateIntegratedModeConfiguration="false"/>
<modules>
<add name="DirectRequestModule" preCondition="managedHandler" type="Ext.Net.DirectRequestModule, Ext.Net"/>
</modules>
<handlers>
<add name="DirectRequestHandler" verb="*" path="*/ext.axd" preCondition="integratedMode" type="Ext.Net.ResourceHandler"/>
</handlers>
</system.webServer>
</configuration>
Last edited by fabricio.murta; Apr 27, 2018 at 2:38 PM.