2012-03-30 74 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> 

希望這有助於。

相關問題