Bienvenue sur PostGIS.fr

Bienvenue sur PostGIS.fr , le site de la communauté des utilisateurs francophones de PostGIS.

PostGIS ajoute le support d'objets géographique à la base de données PostgreSQL. En effet, PostGIS "spatialise" le serverur PostgreSQL, ce qui permet de l'utiliser comme une base de données SIG.

Maintenu à jour, en fonction de nos disponibilités et des diverses sorties des outils que nous testons, nous vous proposons l'ensemble de nos travaux publiés en langue française.

source: trunk/workshop-routing-foss4g/web/GeoExt/docs/lib/GeoExt/plugins/TreeNodeRadioButton.html @ 76

Revision 76, 10.3 KB checked in by djay, 10 years ago (diff)

Ajout du répertoire web

  • Property svn:executable set to *
Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3
4<html xmlns="http://www.w3.org/1999/xhtml">
5  <head>
6    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
7   
8    <title>GeoExt.plugins.TreeNodeRadioButton &mdash; GeoExt v1.0</title>
9    <link rel="stylesheet" href="../../../_static/geoext.css" type="text/css" />
10    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
11    <script type="text/javascript">
12      var DOCUMENTATION_OPTIONS = {
13        URL_ROOT:    '../../../',
14        VERSION:     '1.0',
15        COLLAPSE_MODINDEX: false,
16        FILE_SUFFIX: '.html',
17        HAS_SOURCE:  true
18      };
19    </script>
20    <script type="text/javascript" src="../../../_static/jquery.js"></script>
21    <script type="text/javascript" src="../../../_static/doctools.js"></script>
22    <link rel="shortcut icon" href="../../../_static/favicon.ico"/>
23    <link rel="top" title="GeoExt v1.0" href="../../../index.html" />
24    <link rel="up" title="GeoExt.plugins" href="../plugins.html" />
25    <link rel="next" title="GeoExt.state" href="../state.html" />
26    <link rel="prev" title="GeoExt.plugins.TreeNodeComponent" href="TreeNodeComponent.html" />
27   
28   
29   
30   
31   
32
33  </head>
34  <body>
35    <div class="header">
36        <div class="wrap">
37            <h1 id="logo"><a href="../../../index.html">GeoExt</a></h1>
38            <ul id="top-nav">
39                <li class="first"><a href="../../../docs.html">Documentation</a></li>
40                <li><a href="../../../examples.html">Examples</a></li>
41                <li><a href="../../../downloads.html">Download</a></li>
42                <li><a href="http://trac.geoext.org/">Development</a></li>
43            </ul>
44            <div id="searchbox">
45                <form class="search" action="../../../search.html" method="get">
46                    <input id="searchbox-query" type="text" name="q" size="25" value="Search &hellip;" tabindex="3" onblur="if(this.value=='') this.value='Search &hellip;';" onfocus="if(this.value=='Search &hellip;') this.value='';" />
47                    <input id="searchbox-submit" type="image" value="Search" src="../../../_static/img/search_icon_green.png" />
48                    <input type="hidden" name="check_keywords" value="yes" />
49                    <input type="hidden" name="area" value="default" />
50                </form>
51            </div>
52        </div>
53    </div>
54
55    <div class="related">
56      <h3>Navigation</h3>
57      <ul>
58        <li><a href="../../../index.html">GeoExt</a> &raquo;</li>
59          <li><a href="../../index.html" >API Reference</a> &raquo;</li>
60          <li><a href="../plugins.html" accesskey="U"><tt class="docutils literal docutils literal docutils literal docutils literal docutils literal docutils literal docutils literal docutils literal docutils literal"><span class="pre">GeoExt.plugins</span></tt></a> &raquo;</li>
61        <li><a href="#"><tt class="docutils literal docutils literal"><span class="pre">GeoExt.plugins.TreeNodeRadioButton</span></tt></a></li>
62      </ul>
63    </div>
64
65      <div class="sphinxsidebar">
66        <div class="sphinxsidebarwrapper">
67            <h3><a href="../../../index.html">Table Of Contents</a></h3>
68            <ul>
69<li><a class="reference external" href="#"><tt class="docutils literal"><span class="pre">GeoExt.plugins.TreeNodeRadioButton</span></tt></a><ul>
70<li><a class="reference external" href="#example-use">Example Use</a></li>
71<li><a class="reference external" href="#events">Events</a></li>
72</ul>
73</li>
74</ul>
75
76            <h4>Previous topic</h4>
77            <p class="topless"><a href="TreeNodeComponent.html"
78                                  title="previous chapter"><tt class="docutils literal docutils literal docutils literal"><span class="pre">GeoExt.plugins.TreeNodeComponent</span></tt></a></p>
79            <h4>Next topic</h4>
80            <p class="topless"><a href="../state.html"
81                                  title="next chapter"><tt class="docutils literal"><span class="pre">GeoExt.state</span></tt></a></p>
82        </div>
83      </div>
84
85
86    <div class="document">
87      <div class="documentwrapper">
88        <div class="bodywrapper">
89          <div class="body">
90           
91  <div class="section" id="geoext-plugins-treenoderadiobutton">
92<h1><tt class="xref docutils literal"><span class="pre">GeoExt.plugins.TreeNodeRadioButton</span></tt><a class="headerlink" href="#geoext-plugins-treenoderadiobutton" title="Permalink to this headline">¶</a></h1>
93<dl class="meta docutils">
94<dt>ptype</dt>
95<dd><tt class="docutils literal"><span class="pre">gx_treenoderadiobutton</span></tt></dd>
96</dl>
97<p>A plugin to create tree node UIs with radio buttons. Can be plugged into
98any <tt class="docutils literal"><span class="pre">Ext.tree.TreePanel</span></tt> and will be applied to nodes that are extended
99with the <tt class="xref docutils literal"><span class="pre">GeoExt.Tree.TreeNodeUIEventMixin</span></tt>, in particular
100<tt class="xref docutils literal"><span class="pre">GeoExt.tree.LayerNodeUI</span></tt> nodes.</p>
101<p>A tree with a <tt class="docutils literal"><span class="pre">GeoExt.plugins.TreeNodeRadioButton</span></tt> fires the additional
102<tt class="docutils literal"><span class="pre">radiochange</span></tt> event when a node&#8217;s radio button is clicked.</p>
103<p>Only if a node is configured <tt class="docutils literal"><span class="pre">radioGroup</span></tt> attribute, it will be rendered
104with a radio button next to its icon. The <tt class="docutils literal"><span class="pre">radioGroup</span></tt> works like a
105HTML checkbox with its <tt class="docutils literal"><span class="pre">name</span></tt> attribute, and <tt class="docutils literal"><span class="pre">radioGroup</span></tt> is a string
106that identifies the options group.</p>
107<div class="section" id="example-use">
108<h2>Example Use<a class="headerlink" href="#example-use" title="Permalink to this headline">¶</a></h2>
109<p>Sample code to create a tree with a node that has a radio button:</p>
110<div class="highlight-javascript"><div class="highlight"><pre><span class="kd">var</span> <span class="nx">UIClass</span> <span class="o">=</span> <span class="nx">Ext</span><span class="p">.</span><span class="nx">extend</span><span class="p">(</span>
111    <span class="nx">Ext</span><span class="p">.</span><span class="nx">tree</span><span class="p">.</span><span class="nx">TreeNodeUI</span><span class="p">,</span>
112    <span class="nx">GeoExt</span><span class="p">.</span><span class="nx">tree</span><span class="p">.</span><span class="nx">TreeNodeUIEventMixin</span>
113<span class="p">);</span>
114<span class="kd">var</span> <span class="nx">tree</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">Ext</span><span class="p">.</span><span class="nx">tree</span><span class="p">.</span><span class="nx">TreePanel</span><span class="p">({</span>
115    <span class="nx">plugins</span><span class="o">:</span> <span class="p">[</span>
116        <span class="k">new</span> <span class="nx">GeoExt</span><span class="p">.</span><span class="nx">plugins</span><span class="p">.</span><span class="nx">TreeNodeRadioButton</span><span class="p">({</span>
117            <span class="nx">listeners</span><span class="o">:</span> <span class="p">{</span>
118                <span class="s2">&quot;radiochange&quot;</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">node</span><span class="p">)</span> <span class="p">{</span>
119                    <span class="nx">alert</span><span class="p">(</span><span class="nx">node</span><span class="p">.</span><span class="nx">text</span> <span class="o">+</span> <span class="s2">&quot;&#39;s radio button was clicked.&quot;</span><span class="p">);</span>
120                <span class="p">}</span>
121            <span class="p">}</span>
122        <span class="p">})</span>
123    <span class="p">],</span>
124    <span class="nx">root</span><span class="o">:</span> <span class="p">{</span>
125        <span class="nx">nodeType</span><span class="o">:</span> <span class="s2">&quot;node&quot;</span><span class="p">,</span>
126        <span class="nx">uiProvider</span><span class="o">:</span> <span class="nx">UIClass</span><span class="p">,</span>
127        <span class="nx">text</span><span class="o">:</span> <span class="s2">&quot;My Node&quot;</span><span class="p">,</span>
128        <span class="nx">radioGroup</span><span class="o">:</span> <span class="s2">&quot;myGroupId&quot;</span>
129    <span class="p">}</span>
130<span class="p">}</span>
131</pre></div>
132</div>
133</div>
134<div class="section" id="events">
135<h2>Events<a class="headerlink" href="#events" title="Permalink to this headline">¶</a></h2>
136<p>Events.</p>
137<dl class="describe">
138<dt>
139<tt class="descname">radiochange</tt></dt>
140<dd><p>Fires when a radio button is clicked.</p>
141<p>Listener arguments:</p>
142<ul class="simple">
143<li>node - <tt class="docutils literal"><span class="pre">Ext.TreeNode</span></tt> The node of the clicked radio button.</li>
144</ul>
145</dd></dl>
146
147</div>
148</div>
149
150
151          </div>
152        </div>
153      </div>
154      <div class="clearer"></div>
155    </div>
156    <div class="related">
157      <h3>Navigation</h3>
158      <ul>
159            <li class="right" style="margin-right: 10px">
160              <a href="../../../genindex.html" title="General Index"
161                 accesskey="I">index</a></li>
162            <li class="right" >
163              <a href="../../../modindex.html" title="Global Module Index"
164                 accesskey="M">modules</a> |</li>
165            <li class="right" >
166              <a href="../state.html" title="GeoExt.state"
167                 accesskey="N">next</a> |</li>
168            <li class="right" >
169              <a href="TreeNodeComponent.html" title="GeoExt.plugins.TreeNodeComponent"
170                 accesskey="P">previous</a> |</li>
171        <li><a href="../../../index.html">GeoExt</a> &raquo;</li>
172          <li><a href="../../index.html" >API Reference</a> &raquo;</li>
173          <li><a href="../plugins.html" ><tt class="docutils literal docutils literal docutils literal docutils literal docutils literal docutils literal docutils literal docutils literal docutils literal"><span class="pre">GeoExt.plugins</span></tt></a> &raquo;</li>
174        <li><a href="#"><tt class="docutils literal docutils literal"><span class="pre">GeoExt.plugins.TreeNodeRadioButton</span></tt></a></li>
175      </ul>
176    </div>
177
178    <div class="footer">
179      &copy; Copyright 2009-2010, GeoExt Community.
180    </div>
181  </body>
182</html>
Note: See TracBrowser for help on using the repository browser.