Ext.net 控件纠结的布局（一）

最新推荐文章于 2014-12-08 12:26:56 发布

dianrem321833

最新推荐文章于 2014-12-08 12:26:56 发布

阅读量111

点赞数

原文链接：http://www.cnblogs.com/subn/archive/2012/08/16/2641987.html

版权

公司需要用Ext.net控件做个bs项目。

于是马上动手研究，刚刚上手打算做个登录页，就遇到问题。

看来效果很牛的控件，用法也需要很独特才是。像我用惯了vs2005自带控件的人，可能需要好好转变下思维才行。

作为第二篇博客，打算就这个项目分享学习一下Ext.net这套控件的使用，和设计经验。

首先从简单的登录开始。

加载类库后发现不少新控件，layout系列，一看就是布局相关的东西。写了如下代码，期待很炫的效果出来

<body>
    <form id="form1" runat="server">
    <div>
        <ext:ResourceManager ID="ResourceManager1" runat="server">
        </ext:ResourceManager>
        <ext:Window ID="Window1" runat="server" Collapsible="true" Height="185" Icon="Application"
            Title="Title" Width="350">
            <Items>
                <ext:AnchorLayout runat="server">
                    <Anchors>
                        <ext:Anchor>
                            <ext:Button ID="submit" runat="server" Text="登录" Icon="Accept">
                            </ext:Button>
                        </ext:Anchor>
                        <ext:Anchor>
                            <ext:Button ID="Button1" runat="server" Text="登录" Icon="Accept">
                            </ext:Button>
                        </ext:Anchor>
                    </Anchors>
                </ext:AnchorLayout>
            </Items>
        </ext:Window>
    </div>
    </form>
</body>

不过一运行发现了问题

这布局真叫人纠结啊。两个按钮应该是横向并列，结果变成了竖向的==。

上了很多网站，试了很多方法都搞不定T T，真是个下马威啊。

这时候突然想到window+panel大概可以应付过去

于是有了如下代码：

<body>
    <form id="form1" runat="server">
    <div>
        <ext:ResourceManager ID="ResourceManager1" runat="server">
        </ext:ResourceManager>
        <ext:Window ID="Window1" runat="server" Collapsible="true" Height="185" Icon="Application"
            Title="用户登录" Width="350">
            <Items>
                <ext:Panel ID="Panel1" runat="server" Height="140" Title="Title" BodyStyle="padding:10px;">
                    <Items>
                        <ext:TextField ID="username" runat="server" FieldLabel="用户名">
                            </ext:TextField>
                        <ext:TextField ID="password" runat="server" FieldLabel="密码">
                            </ext:TextField>
                    </Items>
                    <Content>
                    <table>
                        <tbody>
                            <tr>
                                <td>
                                <ext:Button ID="submit" runat="server" Text="登录" Icon="Accept">
                                <DirectEvents>
                                    <Click OnEvent="checkUser">
                                        <EventMask Msg="请稍候..." ShowMask="true" />
                                    </Click>
                                </DirectEvents>
                            </ext:Button>
                                </td>
                                <td><ext:Button ID="reset" runat="server" Text="重置" Icon="RosetteBlue">
                                <DirectEvents>
                                    <Click OnEvent="checkUser">
                                        <EventMask Msg="请稍候..." ShowMask="true" />
                                    </Click>
                                </DirectEvents>
                            </ext:Button></td>
                            </tr>
                        </tbody>
                    </table>
                    
                    </Content>
                </ext:Panel>
            </Items>
        </ext:Window>
    </div>
    </form>
</body>

看下效果

舒服多了。

然后把后台写出来，在修正下界面，一个突破传统的登录页面雏形就出来了。

转载于:https://www.cnblogs.com/subn/archive/2012/08/16/2641987.html

dianrem321833

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Ext.net 控件纠结的布局（一）

公司需要用Ext.net控件做个bs项目。于是马上动手研究，刚刚上手打算做个登录页，就遇到问题。看来效果很牛的控件，用法也需要很独特才是。像我用惯了vs2005自带控件的人，可能需要好好转变下思维才行。作为第二篇博客，打算就这个项目分享学习一下Ext.net这套控件的使用，和设计经验。首先从简单的登录开始。加载类库后发现不少新控件，layout系列，一看就是布局相关的...
复制链接

扫一扫