FineUI 官方论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

本论坛已关闭(禁止注册、发帖和回复)
请移步 三石和他的朋友们

FineUI首页 WebForms - MVC & Core - JavaScript 常见问题 - QQ群 - 十周年征文活动

FineUI(开源版) 下载源代码 - 下载空项目 - 获取ExtJS - 文档 在线示例 - 版本更新 - 捐赠作者 - 教程

升级到 ASP.NET Core 3.1,快、快、快! 全新ASP.NET Core,比WebForms还简单! 欢迎加入【三石和他的朋友们】(基础版下载)

搜索
查看: 2985|回复: 0
打印 上一主题 下一主题

ContainerCss属性不起作用

[复制链接]
跳转到指定楼层
楼主
发表于 2012-9-28 09:12:41 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
ContainerCss属性不起作用,部分代码如下:
  1. <ext:Panel runat="server" ID="panelLog" Layout="Fit" ShowBorder="false" ShowHeader="false" Height="80%">
  2.                                 <Toolbars>
  3.                                     <ext:Toolbar runat="server" ID="toobarHeader" Position="Top">
  4.                                         <Items>
  5.                                             <ext:ToolbarSeparator runat="server" ID="sLeft">
  6.                                             </ext:ToolbarSeparator>
  7.                                             <ext:Button runat="server" ID="btnReset" Text="重置" Icon="Reload" OnClick="btnReset_Click">
  8.                                             </ext:Button>
  9.                                             <ext:ToolbarSeparator runat="server" ID="ToolbarSeparator2">
  10.                                             </ext:ToolbarSeparator>
  11.                                             <ext:ToolbarFill runat="server" ID="fill"></ext:ToolbarFill>
  12.                                         </Items>
  13.                                     </ext:Toolbar>
  14.                                     <ext:Toolbar runat="server" ID="toobarBottom" ClientIDMode="Static" Position="Bottom" Height="105px" >
  15.                                         <Items>
  16.                                             <ext:Panel runat="server" ID="panelAnalysisInfo" Layout="Column" EnableBackgroundColor="true"
  17.                                                 ShowHeader="false" ShowBorder="false" >
  18.                                                 <Items>
  19.                                                     <ext:Form runat="server" ID="formAnalysis" ShowBorder="false" ShowHeader="false"
  20.                                                         Width="500px" EnableBackgroundColor="true" LabelWidth="100px"  CssStyle="margin-left:10px">
  21.                                                         <Rows>
  22.                                                             <ext:FormRow runat="server" ID="FromRow1" ColumnWidths="50% 50%" >
  23.                                                                 <Items>
  24.                                                                     <ext:RadioButtonList runat="server" ID="rblFailType" Label="失败类型">
  25.                                                                         <ext:RadioItem Text="产品缺陷" Selected="false"/>
  26.                                                                         <ext:RadioItem Text="测试缺陷" Selected="false"/>
  27.                                                                         <ext:RadioItem Text="配置环境" Selected="false"/>
  28.                                                                         <ext:RadioItem Text="其他" Selected="false" />
  29.                                                                     </ext:RadioButtonList>
  30.                                                                 </Items>
  31.                                                             </ext:FormRow>
  32.                                                             <ext:FormRow runat="server" ID="FormRow2" ColumnWidths="100%">
  33.                                                                 <Items>
  34.                                                                     <ext:TextArea runat="server" ID="txtDescription" Label="分析结果"></ext:TextArea>
  35.                                                                 </Items>
  36.                                                             </ext:FormRow>
  37.                                                         </Rows>
  38.                                                     </ext:Form>
  39.                                                 </Items>
  40.                                             </ext:Panel>
  41.                                             <ext:Button runat="server" ID="btnSave" Text="保存"  Icon="SystemSave" OnClick="btnSave_Click" ContainerCss="btnbottom">
  42.                                             </ext:Button>
  43.                                         </Items>
  44.                                     </ext:Toolbar>
  45.                                 </Toolbars>
  46.                                 <Items>
  47.                                     <ext:TextArea runat="server" ID="txtLog" AnchorValue="100%" Width="100%" Height="100%"
  48.                                         Readonly="true">
  49.                                     </ext:TextArea>
  50.                                 </Items>
  51.                             </ext:Panel>
复制代码

.btnbottom /*这个我定义在main.css中*/
{
    vertical-align:bottom;   
}

上面我想实现这个Button 垂直对齐方式为底部对齐,通过设置这个ContainerCss ,但是实际上这个并没有起作用。现在我通过在页面上直接定义这个Button的Container在客户端生成td的Id的style是可以实现的。


<style type="text/css">
        #ext-gen55 /*这里是我页面上生成的td的id*/
        {
            vertical-align: bottom;
        }
    </style>



您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|FineUI 官方论坛 ( 皖ICP备2021006167号-1 )

GMT+8, 2024-9-20 01:26 , Processed in 0.043162 second(s), 17 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表