删除Ext.net中FieldLabel和Radio Buttons之间的空间

时间:2013-03-22 17:56:24

标签: c# html ext.net spacing

我遇到了无线电组FieldLabel的问题,因为当我在同一列中没有字段标签时,所有单选按钮都很好并且组合在一起,但是我需要字段标签在1列中的所有3个按钮之上。但当我把它们放在一列时,所有的单选按钮都会间隔开来。而我和我的朋友已经尝试了一切来移除空间,但无法弄明白。

example example2

                   <ext:Panel ID="Panel1" 
                        runat="server" 
                        Title="Step 1: Choose date span and set spans" 
                        Region="North"
                        Height="200" 
                        Width="400"
                        MinWidth="225" 
                        MaxWidth="400">

                        <Items>
                            <ext:Container runat="server" Layout="RowLayout" Height="200">
                                <Items>
                                    <ext:RadioGroup  runat="server" ID="ChooseSpan" FieldLabel="Choose Date Span" Selectable="true" ColumnsNumber="1" LabelAlign="Top" LabelPad="1">
                                        <Items>
                                            <ext:Radio ID="RadioAll" runat="server" BoxLabel="Show All" InputValue="0" />
                                            <ext:Radio ID="RadioMonth" runat="server" BoxLabel="Choose Date Range(By Month)" InputValue="1" />
                                            <ext:Radio ID="RadioDate" runat="server" BoxLabel="Choose Date Range(By Dates)" InputValue="2" />
                                        </Items>
                                    </ext:RadioGroup>
                                </Items>
                            </ext:Container>
                        </Items>
                    </ext:Panel>

1 个答案:

答案 0 :(得分:0)

我无法重现相同的结果,但以下示例似乎正确呈现。

示例

<%@ Page Language="C#" %>

<!DOCTYPE html>

<html>
<head runat="server">
    <title>Ext.NET Example</title>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" />

        <ext:TabPanel 
            runat="server"
            Height="200" 
            Width="400">
            <Items>
                <ext:Panel runat="server" Title="Step 1" Layout="FitLayout">
                    <Items>
                        <ext:Panel runat="server" Title="Step 1: Choose date span and set spans" Layout="FitLayout">
                            <Items>
                                <ext:Container runat="server">
                                    <Items>
                                        <ext:RadioGroup 
                                            runat="server" 
                                            FieldLabel="Choose Date Span" 
                                            Selectable="true" 
                                            ColumnsNumber="1" 
                                            LabelAlign="Top" 
                                            LabelPad="1">
                                            <Items>
                                                <ext:Radio runat="server" BoxLabel="Show All" InputValue="0" />
                                                <ext:Radio runat="server" BoxLabel="Choose Date Range(By Month)" InputValue="1" />
                                                <ext:Radio runat="server" BoxLabel="Choose Date Range(By Dates)" InputValue="2" />
                                            </Items>
                                        </ext:RadioGroup>
                                    </Items>
                                </ext:Container>
                            </Items>
                        </ext:Panel>
                    </Items>

                </ext:Panel>
                <ext:Panel runat="server" Title="Step 2" />
            </Items>
        </ext:TabPanel> 
    </form>
</body>
</html>