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

本文关键字：Net Ext RadioGroup 控件 Asp | 更新日期: 2023-09-27 18:29:25

我正在学习使用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控件项？

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

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

来自ExtJS文档：

Ext.form.RadioGroup

True可将包含的控件完全分布在列之间在开始下一列之前，从上到下填充每一列。每列中控件的数量将自动计算以保持列尽可能均匀。默认值为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>

希望这能有所帮助。

相关文章：