2013-09-03 2 views
0

Ext.NET과 함께 Visual Studio 2010을 사용하고 ExtNet 도구 모음이 있습니다.ExtJs in Visual Studio 2010

이것은 내 asp.net 코드입니다.

<!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></title> 
    <ext:ResourceManager ID="ResourceManager1" runat="server" Theme="Neptune" /> 

</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 

     <ext:Viewport ID="Viewport1" runat="server" Layout="border"> 
      <Items> 
       <ext:TabPanel runat="server" Collapsible="False" Height="100" Region="North" 
        Split="false"> 
        <Items> 

        <ext:Panel runat="server" Title="Home"> 

        <Items> 

        </Items> 

        <Items> 
        </Items> 

        <Items> 
        </Items> 

        <Items> 
        </Items> 

        </ext:Panel> 

        <ext:Panel ID="Panel1" runat="server" Title="Map"> 
        <Items> 
        </Items> 
        </ext:Panel> 

        <ext:Panel ID="Panel2" runat="server" Title="Layer"> 

        <Items> 
        <ext:Button ID="Button1" runat="server" Text="Add Layer" Icon="ApplicationAdd" IconAlign="Top" Height="64px"> 
        </ext:Button> 
        <ext:Button ID="Button2" runat="server" Text="Edit Layer" Icon="ApplicationEdit" IconAlign="Top" Height="64px"> 
        </ext:Button> 

         <ext:Label ID="Label1" runat="server" Text="    "> 
         </ext:Label> 

        <ext:Button ID="Button3" runat="server" Text="Duplicate Layer" Icon="ApplicationFormAdd" IconAlign="Top" Height="64px"> 
        </ext:Button> 
        <ext:Button ID="Button4" runat="server" Text="Delete Layer" Icon="ApplicationDelete" IconAlign="Top" Height="64px"> 
        </ext:Button> 

        <ext:Label ID="Label2" runat="server" Text="    "> 
         </ext:Label> 

        <ext:Button ID="Button5" runat="server" Text="Create Layer" Icon="ApplicationHome" IconAlign="Top" Height="64px"> 
        </ext:Button> 

        <ext:Label ID="Label3" runat="server" Text="    "> 
         </ext:Label> 

        <ext:Button ID="Button6" runat="server" Text="Select All Layer" Icon="ApplicationDouble" IconAlign="Top" Height="64px"> 
        </ext:Button> 
        <ext:Button ID="Button7" runat="server" Text="Zoom to Layer" Icon="Zoom" IconAlign="Top" Height="64px"> 
        </ext:Button> 

        <ext:Label ID="Label4" runat="server" Text="    "> 
         </ext:Label> 

        <ext:Button ID="Button8" runat="server" Text="Import Layer" Icon="ApplicationGet" IconAlign="Top" Height="64px"> 
        </ext:Button> 
        <ext:Button ID="Button9" runat="server" Text="Export Layer" Icon="ApplicationFormAdd" IconAlign="Top" Height="64px"> 
        </ext:Button> 
        </Items> 


        </ext:Panel> 

        <ext:Panel ID="Panel3" runat="server" Title="Edit"> 
        <Items> 
        </Items> 
        </ext:Panel> 

        <ext:Panel ID="Panel4" runat="server" Title="Select"> 
        <Items> 
        </Items> 
        </ext:Panel> 

        <ext:Panel ID="Panel5" runat="server" Title="Analysis"> 
        <Items> 
        </Items> 
        </ext:Panel> 

        <ext:Panel ID="Panel6" runat="server" Title="Tools"> 
        <Items> 
        </Items> 
        </ext:Panel> 

        </Items> 
       </ext:TabPanel> 



       <ext:Panel runat="server" Collapsible="true" Layout="Fit" Region="East" 
        Split="true" Title="Özellikler" Width="175"> 
        <Items> 

        </Items> 
       </ext:Panel> 
       <%--<ext:Panel runat="server" Collapsible="true" Height="100" Region="South" 
        Split="true" Title="Footer"> 
        <Items> 
        </Items> 
       </ext:Panel>--%> 
       <ext:Panel runat="server" Collapsible="true" Layout="accordion" Region="West" 
        Split="true" Title="Katmanlar" Width="175"> 
        <Items> 
         <ext:Panel runat="server" Border="false" Collapsed="True" Icon="FolderGo" 
          Title="Item 1"> 
          <Items> 
          </Items> 
         </ext:Panel> 
         <ext:Panel runat="server" Border="false" Collapsed="true" Icon="FolderWrench" 
          Title="Item 2"> 
          <Items> 
          </Items> 
         </ext:Panel> 
        </Items> 
       </ext:Panel> 
       <ext:Panel runat="server" Layout="Fit" Region="Center" Title="İçerik"> 
        <Items> 

        </Items> 
       </ext:Panel> 
      </Items> 
     </ext:Viewport> 

    </div> 
    </form> 
</body> 
</html> 

내가 원하는 컨텐츠 background.Tab 패널의 내용 영역은 요난입니다 같은 색상, 하단 탭의 색상. (비슷한 밝은 파란색)

답변