FineUI 官方论坛

标题: ContainerCss属性不起作用 [打印本页]
作者: Jet    时间: 2012-9-28 09:12
标题: ContainerCss属性不起作用
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 官方论坛 (https://fineui.com/BBS/) Powered by Discuz! X3.4