Question

我正在学习使用Ext.Net。我找不到垂直显示Ext.net RadioGroup项目的方法。即使我设置Vertical="true"，RadioGroup也不会垂直显示。

请参阅示例标记：


<ext:Panel ID="PanelDaily" runat="server" Title="Daily">
    <Items>
        <ext:RadioGroup ID="RadioGroup2"  runat="server" Vertical="true">
            <Items>
                <ext:Radio ID="Radio1" FieldLabel="" runat="server" BoxLabel="Every Hour(s)" Checked="true"/>
                <ext:Radio ID="Radio2" FieldLabel="" runat="server" BoxLabel="At" />
            </Items>
        </ext:RadioGroup>
    </Items>
</ext:Panel>

如何垂直显示Ext.net RadioGroup控件项？

Answer 1

.Vertical属性与.ColumnsNumber属性一起使用。设置Vertical="true"会影响项目在渲染期间在列中的分布方式。

来自ExtJS文档：

Ext.form.RadioGroup

为完全在列之间分配包含的控件在开始下一列之前从上到下填充每列。将自动计算每列中的控件数尽可能保持列。默认值为false，因此该控件将一次一个地添加到列中在开始下一行之前从左到右填充每一行。

以下简单图表说明了列中项目顺序的不同。

// ColumnsNumber="2"
// Vertical="false" <-- default value

1    6
2    7
3    8 
4    9 
5

// ColumnsNumber="2"
// Vertical="true"

1    2
3    4
5    6
7    8
9

以下是演示使用.ColumnsNumber和.Vertical属性的完整示例。

示例

<%@ Page Language="C#" %> <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %> <!DOCTYPE html> <html> <head runat="server"> <title>Ext.NET Examples</title> </head> <body> <form runat="server"> <ext:ResourceManager runat="server" /> <ext:Panel runat="server" Title="Example" Width="350" Height="215" Padding="5"> <Items> <ext:RadioGroup runat="server" ColumnsNumber="2" Vertical="true"> <Items> <ext:Radio runat="server" BoxLabel="Purple" /> <ext:Radio runat="server" BoxLabel="Yellow" /> <ext:Radio runat="server" BoxLabel="Green" /> <ext:Radio runat="server" BoxLabel="Blue" /> <ext:Radio runat="server" BoxLabel="Red" /> <ext:Radio runat="server" BoxLabel="Orange" /> <ext:Radio runat="server" BoxLabel="Black" /> </Items> </ext:RadioGroup> </Items> </ext:Panel> </form> </body> </html>

希望这有帮助。

如何在Asp.net中使用Ext.Net RadioGroup控件？

1 个答案: