2012-03-30 21 views
2

我正在学习使用Ext.Net。我无法找到垂直显示Ext.net RadioGroup项目的方法。即使我设置了Vertical="true",RadioGroup也不会垂直显示。如何在Asp.net中使用Ext.Net 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> 

如何垂直diplay的Ext.net RadioGroup中控制项目?

+0

为什么你的问题用'asp.net-mvc'标记? – 2012-03-30 08:52:39

+0

类似的问题,为什么它被标记为extjs? – Amalea 2012-03-30 14:06:10

回答

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> 

希望这有助于。

相关问题