Coolite布局 与<table>结合运用
2010-11-23 14:00
423 查看
效果图:
html代码:
<ext:FormLayout ID="FormLayout1" runat="server" LabelWidth="40">
<ext:Anchor>
<ext:CheckboxColumn ID="CheckboxColumn1" runat="server" ColumnWidth="0.25" >
<Items>
<ext:Panel runat="server">
<Body>
<table>
<tr>
<td>
<ext:Checkbox ID="Checkbox27" runat="server" BoxLabel="客户帐号" Checked="true" />
</td>
<td>
<ext:TextField ID="TextField2" runat="server"
FieldLabel="客户帐号" Width="125" TabIndex="10" >
</ext:TextField>
</td>
</tr>
<tr>
<td>
<ext:Checkbox ID="Checkbox28" runat="server" BoxLabel="客户姓名" Checked="true" />
</td>
<td>
<ext:TextField ID="TextField1" runat="server"
FieldLabel="客户姓名" Width="125" TabIndex="11">
</ext:TextField>
</td>
</tr>
<tr>
<td>
<ext:Checkbox ID="Checkbox1" runat="server" BoxLabel="地址"/>
</td>
<td>
<ext:TextField ID="TextField3" runat="server"
FieldLabel="地址" Width="125" TabIndex="11">
</ext:TextField>
</td>
</tr>
<tr>
<td>
<ext:Checkbox ID="Checkbox2" runat="server" BoxLabel="电话" />
</td>
<td>
<ext:TextField ID="TextField4" runat="server"
FieldLabel="电话" Width="125" TabIndex="11">
</ext:TextField>
</td>
</tr>
</table>
</Body>
</ext:Panel>
</Items>
</ext:CheckboxColumn>
</ext:Anchor>
</ext:FormLayout>
html代码:
<ext:FormLayout ID="FormLayout1" runat="server" LabelWidth="40">
<ext:Anchor>
<ext:CheckboxColumn ID="CheckboxColumn1" runat="server" ColumnWidth="0.25" >
<Items>
<ext:Panel runat="server">
<Body>
<table>
<tr>
<td>
<ext:Checkbox ID="Checkbox27" runat="server" BoxLabel="客户帐号" Checked="true" />
</td>
<td>
<ext:TextField ID="TextField2" runat="server"
FieldLabel="客户帐号" Width="125" TabIndex="10" >
</ext:TextField>
</td>
</tr>
<tr>
<td>
<ext:Checkbox ID="Checkbox28" runat="server" BoxLabel="客户姓名" Checked="true" />
</td>
<td>
<ext:TextField ID="TextField1" runat="server"
FieldLabel="客户姓名" Width="125" TabIndex="11">
</ext:TextField>
</td>
</tr>
<tr>
<td>
<ext:Checkbox ID="Checkbox1" runat="server" BoxLabel="地址"/>
</td>
<td>
<ext:TextField ID="TextField3" runat="server"
FieldLabel="地址" Width="125" TabIndex="11">
</ext:TextField>
</td>
</tr>
<tr>
<td>
<ext:Checkbox ID="Checkbox2" runat="server" BoxLabel="电话" />
</td>
<td>
<ext:TextField ID="TextField4" runat="server"
FieldLabel="电话" Width="125" TabIndex="11">
</ext:TextField>
</td>
</tr>
</table>
</Body>
</ext:Panel>
</Items>
</ext:CheckboxColumn>
</ext:Anchor>
</ext:FormLayout>
相关文章推荐
- 从零开始学android<Tablelayout表格布局.十五.>
- 在table中<tr>的display:block显示布局错乱
- web前端_表格table布局,同一列两个<td>之间有间隙解决办法。
- Android 表格布局<TableLayout>
- 在table中<tr>的display:block显示布局错乱
- Android 表格布局<TableLayout>
- struts2的form等表单布局问题,去掉其自动生成的<table><tr><td>标签
- 运用<div>布局页面练习
- 如何在table的<td>中限制显示的字数
- 多线程实际运用<第七篇>
- <Android知识点整理>2.Android常用的布局
- Android布局优化 之 <merge>标签使用详解
- <table>
- 无法更新 EntitySet“SoreInfo_Table”,因为它有一个 DefiningQuery,而 <ModificationFunctionMapping> 元素中没有支持当前操(转)
- <html>table、th
- VS.NET IDE <Table>使用小技巧
- [Android 性能优化系列]布局篇之通过<include>复用布局
- 关于ionic指令 <ion-infinite-scroll ng-if="moreDataCanBeLoaded()" icon="ion-loading-c" on-infinite="loadMoreData()" distance=1%> </ion-infinite-scroll> 运用中遇到的问题
- <asp:Table>的一些应用
- <table>中的<td>表示table data(表格数据),<tr>表示table row(表格行),<th>表示table head(表格头)