2012-03-30 3 views
2

Ext.Netを使用する方法を学んでいます。私はExt.net RadioGroup項目を垂直に表示する方法を見つけることができません。 Vertical="true"と設定しても、ラジオグループは縦に表示されません。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> 

垂直Ext.net RADIOGROUP制御項目をdiplayする方法は?

+0

なぜあなたの質問は 'asp.net-mvc'とタグ付けされていますか? –

+0

似たような質問、なぜextjsでタグ付けされていますか? – Amalea

答えて

1

.Verticalプロパティは.ColumnsNumberプロパティと共に使用されます。 Vertical="true"を設定すると、項目がレンダリング中に列にどのように配分されるかが決まります。 ExtJSのドキュメントから

:配布する真

Ext.form.RadioGroup

完全 が次の列に開始する前に、底部に、各列の上部に充填、列にわたってコントロールを含んでいました。 各列のコントロールの数は自動的に計算され、列をできるだけ均一に保ちます。 デフォルト値はfalseなので、コントロールがの列に1度に1つずつ追加されます。 は、次の行を開始する前に各行を左から右に塗りつぶします。

次の簡単な図は、列内のアイテムの順序の違いを示しています。

// 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> 

・ホープ、このことができます。