2012-03-30 6 views
2

Ich lerne zu verwenden Ext.Net. Ich finde keine Möglichkeit, ExtNet RadioGroup-Elemente vertikal anzuzeigen. Selbst wenn ich Vertical="true" einstelle, wird die RadioGroup nicht vertikal angezeigt.Wie verwendet man Ext.Net RadioGroup Kontrolle in Asp.net?

finden Sie ein Beispiel Markup:


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

Wie vertikal eine Ext.net Radiogroup Steuerelemente Diplay?

+0

Warum ist Ihre Frage mit "asp.net-mvc" markiert? –

+0

Ähnliche Frage, warum ist es mit Extjs markiert? – Amalea

Antwort

1

Die .Vertical-Eigenschaft wird in Verbindung mit der .ColumnsNumber-Eigenschaft verwendet. Die Einstellung Vertical="true" beeinflusst, wie die Elemente beim Rendern in den Spalten verteilt werden.

Aus der Dokumentation ExtJS:

Ext.form.RadioGroup

Getreu zu verteilen enthaltenen Steuerelemente über mehrere Spalten, vollständig jede Spalte von oben nach unten füllen, bevor sie auf die nächste Spalte zu starten. Die Anzahl der Steuerelemente in jeder Spalte wird automatisch berechnet, um die Spalten so gleichmäßig wie möglich zu halten. Der Standardwert ist false. Daher werden die Steuerelemente nacheinander in die Spalten hinzugefügt. Dabei wird die gesamte Zeile von links nach rechts gefüllt, bevor mit der nächsten Zeile begonnen wird.

Die folgenden einfachen Diagramme veranschaulichen den Unterschied in der Reihenfolge der Elemente in den Spalten.

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

Hier ist eine vollständige Probe Verwendung der Eigenschaften .ColumnsNumber und .Vertical demonstriert.

Beispiel

<%@ 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> 

Hoffnung, das hilft.

Verwandte Themen