<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML xmlns:v = "urn:schemas-microsoft-com:vml" xmlns:o =
"urn:schemas-microsoft-com:office:office" xmlns:w =
"urn:schemas-microsoft-com:office:word" xmlns:m =
"http://schemas.microsoft.com/office/2004/12/omml"><HEAD>
<META http-equiv=Content-Type content=text/html;charset=iso-8859-1>
<META content="MSHTML 6.00.6002.18167" name=GENERATOR>
<STYLE>
<!--
/* Font Definitions */
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0cm;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
span.EmailStyle17
{mso-style-type:personal-compose;
font-family:"Calibri","sans-serif";
color:windowtext;}
.MsoChpDefault
{mso-style-type:export-only;}
@page Section1
{size:612.0pt 792.0pt;
margin:72.0pt 72.0pt 72.0pt 72.0pt;}
div.Section1
{page:Section1;}
-->
</STYLE>
</HEAD>
<BODY lang=EN-US id=MailContainerBody
style="PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-TOP: 15px" vLink=purple
link=blue leftMargin=0 topMargin=0 CanvasTabStop="true"
name="Compose message area">
<DIV><FONT face=Arial size=2>The gx_layer will render with a radio button &
NOT a checkbox when it is given a checkedGroup. So you actually don't
want the RadioButtonMixin as it will cause you to have both the checkbox
& radio button when given a checkedGroup.</FONT></DIV>
<DIV><FONT face=Arial size=2></FONT> </DIV>
<DIV><FONT face=Arial size=2>I assume you want the overlay layers to be mutually
exclusive. You can do 2 possible things:</FONT></DIV>
<DIV><FONT face=Arial size=2>1. change your overlay layer group to a baselayer
container and overwrite the checkedGroup & loader filter. ex:</FONT></DIV>
<DIV><FONT face=Arial size=2>...</FONT></DIV>
<DIV> text: 'Vannstandsdata',<o:p></o:p>
<P class=MsoNormal>nodeType:'gx_baselayercontainer',</P>
<P class=MsoNormal>loader:{</P>
<P class=MsoNormal><FONT face=Arial
size=2>baseAttrs:{checkedGroup:'overlays'},</FONT></P>
<P class=MsoNormal>filter:function(record){return
['waterlevel','waterlevel2','highlow','average','stations'].indexOf(record.get('layer').name)>-1}</P>
<P class=MsoNormal>}</P>
<P class=MsoNormal><FONT face=Arial size=2>...</FONT></P>
<P class=MsoNormal><FONT face=Arial size=2></FONT> </P>
<P class=MsoNormal><FONT face=Arial size=2>2. Add the checkedGroup attribute to
your overlay gx_layer configs</FONT></P>
<P class=MsoNormal><FONT face=Arial size=2></FONT> </P>
<P class=MsoNormal><FONT face=Arial size=2>If you use the 1st one then the
children property in the Vannstandsdata config object will be ignored and it
will just use defaults for everything that passes the filter.</FONT></P>
<P class=MsoNormal><FONT face=Arial size=2></FONT> </P>
<P class=MsoNormal><FONT face=Arial size=2>If you want more control over the
qtip, etc... then the 2nd option would be best for you.</FONT></P>
<P class=MsoNormal><FONT face=Arial size=2></FONT> </P>
<P class=MsoNormal><FONT face=Arial size=2>Matt Priour</FONT></P>
<P class=MsoNormal><FONT face=Arial size=2>Kestrel Computer
Consulting</FONT></P>
<P class=MsoNormal><FONT face=Arial size=2></FONT><FONT face=Arial
size=2></FONT> </P></DIV>
<DIV><FONT face=Arial size=2></FONT><FONT face=Arial size=2></FONT> </DIV>
<DIV style="FONT: 10pt Tahoma">
<DIV><FONT face=Arial></FONT><FONT face=Arial></FONT><FONT
face=Arial></FONT><FONT face=Arial></FONT><FONT face=Arial></FONT><FONT
face=Arial></FONT><BR></DIV>
<DIV style="BACKGROUND: #f5f5f5">
<DIV style="font-color: black"><B>From:</B> <A title=Minika.Bjorge@statkart.no
href="mailto:Minika.Bjorge@statkart.no">Minika Bjørge</A> </DIV>
<DIV><B>Sent:</B> Tuesday, March 02, 2010 1:45 AM</DIV>
<DIV><B>To:</B> <A title=users@geoext.org
href="mailto:users@geoext.org">users@geoext.org</A> </DIV>
<DIV><B>Subject:</B> [Users] Radio button in gx_layer question</DIV></DIV></DIV>
<DIV><FONT face=Arial size=2></FONT><FONT face=Arial size=2></FONT><FONT
face=Arial size=2></FONT><FONT face=Arial size=2></FONT><FONT face=Arial
size=2></FONT><FONT face=Arial size=2></FONT><BR></DIV>
<DIV class=Section1>
<P class=MsoNormal>Hi,<o:p></o:p></P>
<P class=MsoNormal><o:p> </o:p></P>
<P class=MsoNormal>I am using gx_layers and I would like to display ONLY radio
buttons (not check boxes). How do I do this with RadioButtonMixin.
<B>Please note that I do not want any checkboxes.<o:p></o:p></B></P>
<P class=MsoNormal><B><o:p> </o:p></B></P>
<P class=MsoNormal><A
href="http://www.geoext.org/lib/GeoExt/widgets/tree/RadioButtonMixin.html">http://www.geoext.org/lib/GeoExt/widgets/tree/RadioButtonMixin.html</A><o:p></o:p></P>
<P class=MsoNormal><o:p> </o:p></P>
<P class=MsoNormal><o:p> </o:p></P>
<P class=MsoNormal>var LayerNodeUI = Ext.extend(<o:p></o:p></P>
<P class=MsoNormal>
GeoExt.tree.LayerNodeUI, <o:p></o:p></P>
<P class=MsoNormal> new
GeoExt.tree.RadioButtonMixin <o:p></o:p></P>
<P class=MsoNormal>
); <o:p></o:p></P>
<P
class=MsoNormal>
<o:p></o:p></P>
<P class=MsoNormal> var treeConfig = [{<o:p></o:p></P>
<P class=MsoNormal>
nodeType: "gx_baselayercontainer", //Nodes for base layer<o:p></o:p></P>
<P
class=MsoNormal>
text: 'Baselayer',<o:p></o:p></P>
<P class=MsoNormal>
expanded: true,<o:p></o:p></P>
<P class=MsoNormal>
allowDrag: false,<o:p></o:p></P>
<P class=MsoNormal> <SPAN
lang=NO-BOK>allowDrop: false,<o:p></o:p></SPAN></P>
<P class=MsoNormal>
draggable: false<o:p></o:p></P>
<P class=MsoNormal> }, <o:p></o:p></P>
<P class=MsoNormal> {<o:p></o:p></P>
<P class=MsoNormal> text:
'Overlays',<o:p></o:p></P>
<P class=MsoNormal>
expanded: true,<o:p></o:p></P>
<P class=MsoNormal>
children:[{<o:p></o:p></P>
<P
class=MsoNormal>
nodeType: 'gx_layer',<o:p></o:p></P>
<P
class=MsoNormal>
layer:land<o:p></o:p></P>
<P class=MsoNormal> <SPAN
lang=NO-BOK> },<o:p></o:p></SPAN></P>
<P class=MsoNormal><SPAN lang=NO-BOK>
{<o:p></o:p></SPAN></P>
<P class=MsoNormal><SPAN
lang=NO-BOK>
nodeType: 'gx_layer',<o:p></o:p></SPAN></P>
<P class=MsoNormal><SPAN
lang=NO-BOK>
layer:sea,<o:p></o:p></SPAN></P>
<P class=MsoNormal><SPAN
lang=NO-BOK>
qtip: 'Seamap’<o:p></o:p></SPAN></P>
<P class=MsoNormal><SPAN lang=NO-BOK>
}]
<o:p></o:p></SPAN></P>
<P class=MsoNormal><SPAN lang=NO-BOK>
</SPAN>},<o:p></o:p></P>
<P class=MsoNormal> {<o:p></o:p></P>
<P
class=MsoNormal>
text: 'Vannstandsdata',<o:p></o:p></P>
<P
class=MsoNormal>
expanded: true,<o:p></o:p></P>
<P
class=MsoNormal>
children:[<o:p></o:p></P>
<P
class=MsoNormal>
{<o:p></o:p></P>
<P class=MsoNormal>
nodeType:
'gx_layer',<o:p></o:p></P>
<P
class=MsoNormal>
layer: waterlevel,<o:p></o:p></P>
<P
class=MsoNormal>
icon: 'img/icon-green.png',<o:p></o:p></P>
<P
class=MsoNormal>
<SPAN lang=NO-BOK>
qtip: 'Tides’<o:p></o:p></SPAN></P>
<P class=MsoNormal><SPAN
lang=NO-BOK>
</SPAN>},<o:p></o:p></P>
<P
class=MsoNormal>
{<o:p></o:p></P>
<P
class=MsoNormal>
nodeType: 'gx_layer',<o:p></o:p></P>
<P
class=MsoNormal>
layer: waterlevel2,<o:p></o:p></P>
<P
class=MsoNormal>
icon: 'img/icon-purple.png'<o:p></o:p></P>
<P
class=MsoNormal>
},<o:p></o:p></P>
<P
class=MsoNormal>
{<o:p></o:p></P>
<P
class=MsoNormal>
nodeType: 'gx_layer',<o:p></o:p></P>
<P
class=MsoNormal>
layer: average,<o:p></o:p></P>
<P
class=MsoNormal>
icon: 'img/icon-orange.png',<o:p></o:p></P>
<P
class=MsoNormal>
<SPAN lang=NO-BOK>qtip: ’Yearly average’<o:p></o:p></SPAN></P>
<P class=MsoNormal><SPAN
lang=NO-BOK>
<o:p></o:p></SPAN></P>
<P class=MsoNormal><SPAN
lang=NO-BOK>
},<o:p></o:p></SPAN></P>
<P class=MsoNormal><SPAN
lang=NO-BOK>
{<o:p></o:p></SPAN></P>
<P class=MsoNormal><SPAN
lang=NO-BOK>
nodeType: 'gx_layer',<o:p></o:p></SPAN></P>
<P class=MsoNormal><SPAN
lang=NO-BOK>
</SPAN>layer: highlow,<o:p></o:p></P>
<P
class=MsoNormal>
icon: 'img/icon-yellow.png',<o:p></o:p></P>
<P
class=MsoNormal>
qtip: 'Highest and lowest obeserved levels'<o:p></o:p></P>
<P
class=MsoNormal>
},<o:p></o:p></P>
<P
class=MsoNormal>
{<o:p></o:p></P>
<P
class=MsoNormal>
<SPAN lang=NO-BOK>nodeType: 'gx_layer',<o:p></o:p></SPAN></P>
<P class=MsoNormal><SPAN
lang=NO-BOK>
layer: stastions,<o:p></o:p></SPAN></P>
<P class=MsoNormal><SPAN
lang=NO-BOK>
</SPAN>icon: 'img/icon-red.png',<o:p></o:p></P>
<P
class=MsoNormal>
qtip: 'Survey stations'<o:p></o:p></P>
<P
class=MsoNormal>
}]<o:p></o:p></P>
<P class=MsoNormal> }];
<o:p></o:p></P>
<P
class=MsoNormal>
<o:p></o:p></P>
<P class=MsoNormal> var tree = new Ext.tree.TreePanel({<o:p></o:p></P>
<P class=MsoNormal>
border: false,<o:p></o:p></P>
<P
class=MsoNormal>
region: "west",<o:p></o:p></P>
<P
class=MsoNormal>
title: "Choose map",<o:p></o:p></P>
<P
class=MsoNormal>
width: 220,<o:p></o:p></P>
<P
class=MsoNormal>
collapsible: true,<o:p></o:p></P>
<P
class=MsoNormal>
collapseMode: "mini",<o:p></o:p></P>
<P
class=MsoNormal>
autoScroll: true,<o:p></o:p></P>
<P
class=MsoNormal>
loader: new Ext.tree.TreeLoader({<o:p></o:p></P>
<P
class=MsoNormal>
applyLoader: false,<o:p></o:p></P>
<P
class=MsoNormal>
uiProviders: {<o:p></o:p></P>
<P
class=MsoNormal>
"use_radio": LayerNodeUI<o:p></o:p></P>
<P
class=MsoNormal>
}<o:p></o:p></P>
<P class=MsoNormal>
}),<o:p></o:p></P>
<P class=MsoNormal> root:
{<o:p></o:p></P>
<P
class=MsoNormal>
nodeType: "async",<o:p></o:p></P>
<P class=MsoNormal>
children: treeConfig<o:p></o:p></P>
<P class=MsoNormal>
}, <o:p></o:p></P>
<P class=MsoNormal> rootVisible:
false,<o:p></o:p></P>
<P class=MsoNormal> lines:
false<o:p></o:p></P>
<P class=MsoNormal> });<o:p></o:p></P>
<P
class=MsoNormal>
<o:p></o:p></P>
<P class=MsoNormal>Thanks,<o:p></o:p></P>
<P class=MsoNormal><o:p> </o:p></P>
<P class=MsoNormal>MB<o:p></o:p></P>
<P class=MsoNormal><o:p> </o:p></P></DIV>
<P>
<HR>
<P></P>_______________________________________________<BR>Users mailing
list<BR>Users@geoext.org<BR>http://www.geoext.org/cgi-bin/mailman/listinfo/users<BR></BODY></HTML>