FineUI 官方论坛

标题: 【非BUG】TabStrip内无法放入Form [打印本页]
作者: 游冰    时间: 2015-2-6 11:05
标题: 【非BUG】TabStrip内无法放入Form
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="tab.aspx.cs" Inherits="0000.Web.Test.tab" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <fageManager ID="ageManager2" AutoSizePanelID="anel1" runat="server" />
        <f:TabStrip ID="TabStrip1" ShowBorder="false" TabPosition="Top" runat="server" AutoScroll="false">
            <Tabs>
                <f:Tab ID="Tab1" Title="基本信息" BodyPadding="5px" runat="server" Layout="Fit" AutoScroll="false">
                    <Items>
                        <fanel ID="anel8" runat="server" Title="Subcontract Details" ShowHeader="false" BodyPadding="10px" EnableCollapse="True" IconUrl="~/images/16/8.png">
                            <Items>
                                <f:Form ID="Form2" Width="650px" LabelAlign="Right" MessageTarget="Qtip" Title="账单信息"
                                    BodyPadding="5px" ShowBorder="true" ShowHeader="true" runat="server">
                                    <Items>
                                        <f:GroupPanel ID="GroupPanel1" Layout="Anchor" Title="联系人信息" runat="server">
                                            <Items>
                                                <fanel ID="anel2" Layout="HBox" BoxConfigAlign="Stretch" CssClass="formitem" ShowHeader="false" ShowBorder="false" runat="server">
                                                    <Items>
                                                        <fabel ID="Label1" runat="server" ShowRedStar="true" Label="姓名"></fabel>
                                                        <f:TextBox ID="TextBox2" ShowLabel="false" CssClass="marginr" Required="true" ShowRedStar="true" BoxFlex="2" runat="server">
                                                        </f:TextBox>
                                                        <f:TextBox ID="TextBox4" ShowLabel="false" Required="true" ShowRedStar="true" BoxFlex="3" runat="server">
                                                        </f:TextBox>
                                                    </Items>
                                                </fanel>
                                                <fanel ID="anel1" Layout="HBox" BoxConfigAlign="Stretch" CssClass="formitem" ShowHeader="false" ShowBorder="false" runat="server">
                                                    <Items>
                                                        <f:TextBox ID="TextBox1" Required="true" ShowRedStar="true" Label="电子邮箱" RegexPattern="EMAIL"
                                                            RegexMessage="请输入有效的邮箱地址！" BoxFlex="1" runat="server">
                                                        </f:TextBox>
                                                        <f:TextBox ID="TextBox6" Label="电话号码" Width="200px" LabelWidth="80px" Required="true" ShowRedStar="true" runat="server">
                                                        </f:TextBox>
                                                    </Items>
                                                </fanel>
                                            </Items>
                                        </f:GroupPanel>
                                        <f:GroupPanel ID="GroupPanel2" Layout="Anchor" Title="联系人地址" runat="server">
                                            <Items>
                                                <f:TextBox ID="TextBox7" Label="详细地址" Required="true" ShowRedStar="true" runat="server">
                                                </f:TextBox>
                                                <fanel ID="anel5" Layout="HBox" BoxConfigAlign="Stretch" CssClass="formitem" ShowHeader="false" ShowBorder="false" runat="server">
                                                    <Items>
                                                        <f:TextBox ID="TextBox9" Label="省" BoxFlex="1" Required="true" ShowRedStar="true" runat="server">
                                                        </f:TextBox>
                                                        <f:TextBox ID="TextBox5" Label="市" Width="200px" LabelWidth="50px" Required="true" ShowRedStar="true" runat="server">
                                                        </f:TextBox>
                                                        <f:TextBox ID="TextBox8" Label="邮政编码" Width="200px" LabelWidth="80px" Required="true" ShowRedStar="true" runat="server">
                                                        </f:TextBox>
                                                    </Items>
                                                </fanel>
                                            </Items>
                                        </f:GroupPanel>
                                        <f:GroupPanel ID="GroupPanel3" Layout="Anchor" Title="账单地址" runat="server">
                                            <Items>
                                                <f:CheckBox runat="server" Checked="true" ID="cbxSameAsContactAddress" AutoPostBack="true" Text="和联系人地址相同"></f:CheckBox>
                                                <f:TextBox ID="tbxBillingAddress" Enabled="false" Label="详细地址" Required="true" ShowRedStar="true" runat="server">
                                                </f:TextBox>
                                                <fanel ID="anel6" Layout="HBox" BoxConfigAlign="Stretch" CssClass="formitem" ShowHeader="false" ShowBorder="false" runat="server">
                                                    <Items>
                                                        <f:TextBox ID="tbxBillingProvince" Enabled="false" Label="省" BoxFlex="1" Required="true" ShowRedStar="true" runat="server">
                                                        </f:TextBox>
                                                        <f:TextBox ID="tbxBillingCity" Enabled="false" Label="市" Width="200px" LabelWidth="50px" Required="true" ShowRedStar="true" runat="server">
                                                        </f:TextBox>
                                                        <f:TextBox ID="tbxBillingPostCode" Enabled="false" Label="邮政编码" Width="200px" LabelWidth="80px" Required="true" ShowRedStar="true" runat="server">
                                                        </f:TextBox>
                                                    </Items>
                                                </fanel>
                                            </Items>
                                        </f:GroupPanel>
                                        <f:GroupPanel ID="GroupPanel4" Layout="Anchor" Title="付款方式" runat="server">
                                            <Items>
                                                <f:RadioButtonList ID="RadioButtonList1" ColumnNumber="5" ShowLabel="false" runat="server">
                                                    <f:RadioItem Text="银联" Value="yinlian" Selected="true" />
                                                    <f:RadioItem Text="VISA" Value="visa" />
                                                    <f:RadioItem Text="MasteCard" Value="mastercard" />
                                                </f:RadioButtonList>
                                                <f:TextBox ID="TextBox3" Label="卡上的名字" Required="true" ShowRedStar="true" runat="server">
                                                </f:TextBox>
                                                <f:Panel ID="anel7" Layout="HBox" BoxConfigAlign="Stretch" CssClass="formitem" ShowHeader="false" ShowBorder="false" runat="server">
                                                    <Items>
                                                        <f:TextBox ID="TextBox14" Label="卡号" BoxFlex="1" Required="true" ShowRedStar="true" runat="server">
                                                        </f:TextBox>
                                                        <fropDownList ID="DropDownList1" Label="过期时间" Width="200px" CssClass="marginr" LabelWidth="80px" Required="true" ShowRedStar="true" runat="server">
                                                            <fistItem Text="一月" Value="1" />
                                                            <fistItem Text="二月" Value="2" />
                                                            <fistItem Text="三月" Value="3" />
                                                            <fistItem Text="四月" Value="4" />
                                                            <fistItem Text="五月" Value="5" />
                                                            <fistItem Text="六月" Value="6" />
                                                            <fistItem Text="七月" Value="7" />
                                                            <fistItem Text="八月" Value="8" />
                                                            <f:ListItem Text="九月" Value="9" />
                                                            <f:ListItem Text="十月" Value="10" />
                                                            <f:ListItem Text="十一月" Value="11" />
                                                            <f:ListItem Text="十二月" Value="12" />
                                                        </fropDownList>
                                                        <f:NumberBox ID="TextBox16" ShowLabel="false" Text="2014" Width="100px" LabelWidth="80px" Required="true" ShowRedStar="true" runat="server">
                                                        </f:NumberBox>
                                                    </Items>
                                                </f:Panel>
                                            </Items>
                                        </f:GroupPanel>
                                    </Items>
                                    <Toolbars>
                                        <f:Toolbar ID="Toolbar1" runat="server" ToolbarAlign="Right" Position="Bottom">
                                            <Items>
                                                <f:Button ID="Button1" Text="提交账单" ValidateForms="Form1" ValidateMessageBox="false" runat="server">
                                                </f:Button>
                                            </Items>
                                        </f:Toolbar>
                                    </Toolbars>
                                </f:Form>
                            </Items>
                        </f:Panel>
                    </Items>
                </f:Tab>

                <f:Tab ID="Tab2" Title="test" BodyPadding="5px" Layout="Fit" runat="server">
                    <Items>
                        <f:Panel ID="anel3" runat="server" Title="Subcontract Details" ShowHeader="false" BodyPadding="10px" EnableCollapse="True" IconUrl="~/images/16/8.png">
                            <Toolbars>
                                <f:Toolbar ID="Toolbar3" runat="server">
                                    <Items>
                                        <f:ToolbarSeparator ID="ToolbarSeparator3" runat="server"></f:ToolbarSeparator>
                                        <f:Button runat="server" Text="新增" ID="Button7" Icon="Add">
                                        </f:Button>
                                        <f:Button runat="server" Text="修改" ID="Button8" Icon="Add">
                                        </f:Button>
                                        <f:Button runat="server" Text="删除" ID="Button9" Icon="Add">
                                        </f:Button>
                                        <f:Button runat="server" Text="导入" ID="Button10" Icon="Add">
                                        </f:Button>
                                        <f:Button runat="server" Text="导出" ID="Button11" Icon="Add">
                                        </f:Button>
                                        <f:Button runat="server" Text="校验" ID="Button12" Icon="Add">
                                        </f:Button>
                                        <f:ToolbarSeparator ID="ToolbarSeparator4" runat="server"></f:ToolbarSeparator>
                                        <f:ToolbarFill ID="ToolbarFill1" runat="server"></f:ToolbarFill>
                                    </Items>
                                </f:Toolbar>
                            </Toolbars>
                            <Items>

                                <f:Grid ID="Grid1" Title="" ShowBorder="true" ShowHeader="false" runat="server" DataKeyNames="GUID" EnableCheckBoxSelect="true" EnableMultiSelect="false" EnableRowSelectEvent="true">
                                    <Columns>
                                        <f:RowNumberField></f:RowNumberField>
                                        <f:BoundField Width="100px" DataField="N" HeaderText="物品分类" ColumnID="PN"></f:BoundField>
                                        <f:BoundField Width="100px" DataField="PN" HeaderText="计算方式" ColumnID="PN"></f:BoundField>
                                        <f:BoundField Width="100px" DataField="PN" HeaderText="分区1" ColumnID="PN"></f:BoundField>
                                        <f:BoundField Width="180px" DataField="PN_DESC" HeaderText="分区2"></f:BoundField>
                                        <f:BoundField Width="80px" DataField="QTY" HeaderText="分区3"></f:BoundField>
                                        <f:WindowField ColumnID="editField" TextAlign="Center" Icon="Pencil" ToolTip="编辑"
                                            WindowID="Window1" Title="编辑" DataIFrameUrlFields="ID" DataIFrameUrlFormatString="~/baojia/quDao_edit.aspx?id={0}"
                                            Width="50px" />

                                    </Columns>
                                </f:Grid>

                            </Items>
                        </f:Panel>
                    </Items>
                </f:Tab>


            </Tabs>
        </f:TabStrip>
    </form>
</body>
</html>


作者: 游冰    时间: 2015-2-6 11:19
看来只能起用IFrame了,示例里也只有IFrame
作者: sanshi    时间: 2015-2-6 11:47
当然可以放，Form其实就是一个面板。

请仔细阅读布局的几篇文章，你的布局不对，比如Panel8没有布局：http://www.cnblogs.com/sanshi/archive/2012/07/13/2589008.html



欢迎光临 FineUI 官方论坛 (https://fineui.com/bbs/) Powered by Discuz! X3.4