javascript - Visual Studio 2010中的Extjs

标签 javascript visual-studio-2010 tabs panel ext.net

我将Visual Studio 2010与Ext.NET结合使用,并且具有ExtNet工具栏。

这是我的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>


我想更改颜色标签的内容背景。选项卡面板的内容区域为白色。我想要相同的颜色,底部标签的颜色。(类似浅蓝色)

最佳答案

看一下这个视频,它解释了你需要什么

http://www.youtube.com/watch?v=cfN9UHWzsUk

关于javascript - Visual Studio 2010中的Extjs,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18591008/

相关文章:

javascript - 通过公共(public)属性绑定(bind)指令实例

javascript - oracle apex 5.0中如何防止提交页面后无法点击?

cocoa - 将 NSTabView 分解为文件

python - 在 Python 中解析制表符分隔的文件

tabs - 在选项卡项目之间滑动,onsen-ui

javascript - 如果网络离线,使用 if 语句跳过获取

javascript - 我如何等待 Angular4 HttpClient 响应?

c++ - 基本 OpenCV Hello World 的错误

C# --> 转到定义 ==> VB.NET

c++ - Visual Studio 中的 _ITERATOR_DEBUG_LEVEL 错误,接受的解决方案不起作用