diff options
| author | Julien Dramaix <julien.dramaix@gmail.com> | 2011-03-05 21:32:02 +0000 |
|---|---|---|
| committer | Julien Dramaix <julien.dramaix@gmail.com> | 2011-03-05 21:32:02 +0000 |
| commit | ed2cee9641836e7f6cb0ae36c665ca650d7b7a47 (patch) | |
| tree | 34968d8695b779a85330a8c2962e2b6f987eff66 /samples | |
| parent | 58d10989514e6bf8b15c4e54f932e62592647e19 (diff) | |
| download | gwtquery-ed2cee9641836e7f6cb0ae36c665ca650d7b7a47.tar.gz gwtquery-ed2cee9641836e7f6cb0ae36c665ca650d7b7a47.zip | |
implement ListBox creation in Widgets plugin
Diffstat (limited to 'samples')
| -rw-r--r-- | samples/src/main/java/gwtquery/samples/client/GwtQueryWidgetModule.java | 12 | ||||
| -rw-r--r-- | samples/src/main/java/gwtquery/samples/public/GwtQueryWidgets.html | 79 |
2 files changed, 68 insertions, 23 deletions
diff --git a/samples/src/main/java/gwtquery/samples/client/GwtQueryWidgetModule.java b/samples/src/main/java/gwtquery/samples/client/GwtQueryWidgetModule.java index 61ac65fc..29a20d2a 100644 --- a/samples/src/main/java/gwtquery/samples/client/GwtQueryWidgetModule.java +++ b/samples/src/main/java/gwtquery/samples/client/GwtQueryWidgetModule.java @@ -22,18 +22,18 @@ import com.google.gwt.core.client.EntryPoint; import com.google.gwt.event.dom.client.ClickEvent;
import com.google.gwt.event.dom.client.ClickHandler;
import com.google.gwt.query.client.Function;
+import com.google.gwt.query.client.plugins.widgets.ListBoxWidgetFactory.ListBoxOptions;
import com.google.gwt.user.client.ui.Button;
import com.google.gwt.user.client.ui.Label;
import com.google.gwt.user.client.ui.PopupPanel;
-import com.google.gwt.user.client.ui.RichTextArea;
import com.google.gwt.user.client.ui.Widget;
-import com.google.gwt.user.datepicker.client.DateBox;
public class GwtQueryWidgetModule implements EntryPoint {
public void onModuleLoad() {
$(".inputText").as(Widgets).textBox();
+ $(".inputPsw").as(Widgets).passwordBox();
$(".btn").as(Widgets).button(new Function() {
@@ -57,13 +57,11 @@ public class GwtQueryWidgetModule implements EntryPoint { });
$("#tabs").as(Widgets).tabPanel();
-
$(".date").as(Widgets).datebox();
-
- $(".editable").as(Widgets).richtext();
-
-
+ $(".editable").as(Widgets).richtext();
$("#disclosure").as(Widgets).disclosurePanel();
+ $(".list").as(Widgets).listBox();
+ $("#multiSelect").as(Widgets).listBox(new ListBoxOptions(".item", true));
}
}
diff --git a/samples/src/main/java/gwtquery/samples/public/GwtQueryWidgets.html b/samples/src/main/java/gwtquery/samples/public/GwtQueryWidgets.html index 29217aff..e9249222 100644 --- a/samples/src/main/java/gwtquery/samples/public/GwtQueryWidgets.html +++ b/samples/src/main/java/gwtquery/samples/public/GwtQueryWidgets.html @@ -3,23 +3,39 @@ <title>GQuery Demo</title>
<script language="javascript"
src="gwtquery.samples.GwtQueryWidgets.nocache.js"></script>
+<style type="text/css">
+ .outer{
+ margin : 5px;
+ }
+</style>
</head>
<body>
<div class="outer">
<div class="btn">Make me a button 1!</div>
-<a class="btn">Make me a button 2!</a> <span class="btn">Make me
-a button 3!</span>
+<a class="btn">Make me a button 2!</a>
+<span class="btn">Make me a button 3!</span>
<button class="btn">Make me a button 4!</button>
<div class="btn">Make me a button 5!</div>
<div class="btn">Make me a button 6!</div>
-<input type="text" class="date" value="dd/MM/yyyy"/>
+
</div>
+<input type="text" class="date" value="dd/MM/yyyy" />
+
+<div class="outer">
<div class="inputText">I will be an Input</div>
-<span class="inputText">I will be an Input</span>
+<span class="inputText">I will be an Input</span>
<input class="inputText" type="text"></input>
+</div>
+<div class="outer">
+<div class="inputPsw">I will be an password input</div>
+<span class="inputPsw">I will be an password input</span>
+<input class="inputPsw" type="password"></input>
+</div>
+
+<div class="outer">
<div id="tabs">
<h3>First tab</h3>
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut
@@ -48,23 +64,24 @@ egestas, mi sapien ullamcorper diam, sit amet molestie mauris odio at lacus.</div>
<h3>Third tab</h3>
-<div class='editable'>Vestibulum turpis eros, tempor et hendrerit sit amet,
-hendrerit ut urna. Integer aliquam, neque non sollicitudin pulvinar,
-orci neque faucibus mauris, a molestie massa ligula vitae eros. Proin
-egestas, purus in pharetra aliquam, dolor odio faucibus lorem, ac
-egestas mi orci ac est. Maecenas pellentesque dui id felis tempus
-vestibulum. Vestibulum vitae nisi tortor. Etiam risus arcu, gravida quis
-pellentesque non, sodales at felis. Cras eros diam, pretium ut
-sollicitudin ut, vulputate a ipsum. Curabitur quis leo urna, in bibendum
-nibh. Ut viverra convallis purus vitae eleifend. Cras bibendum nulla a
-felis vestibulum consequat. Aliquam erat volutpat.</div>
+<div class='editable'>Vestibulum turpis eros, tempor et hendrerit
+sit amet, hendrerit ut urna. Integer aliquam, neque non sollicitudin
+pulvinar, orci neque faucibus mauris, a molestie massa ligula vitae
+eros. Proin egestas, purus in pharetra aliquam, dolor odio faucibus
+lorem, ac egestas mi orci ac est. Maecenas pellentesque dui id felis
+tempus vestibulum. Vestibulum vitae nisi tortor. Etiam risus arcu,
+gravida quis pellentesque non, sodales at felis. Cras eros diam, pretium
+ut sollicitudin ut, vulputate a ipsum. Curabitur quis leo urna, in
+bibendum nibh. Ut viverra convallis purus vitae eleifend. Cras bibendum
+nulla a felis vestibulum consequat. Aliquam erat volutpat.</div>
</div>
</div>
+<div class="outer">
<div id="disclosure">
<h3>Show me</h3>
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut
-mollis dignissim mattis. In hac habitasse platea dictumst. Cras gravida
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mollis
+dignissim mattis. In hac habitasse platea dictumst. Cras gravida
pellentesque purus, ullamcorper euismod enim ornare ac. Suspendisse sed
tortor diam. Cum sociis natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus. Integer a cursus erat. Nam in molestie
@@ -75,7 +92,37 @@ velit ac nunc dapibus volutpat eget vel eros. Maecenas tincidunt, turpis vel placerat imperdiet, metus elit mollis sapien, et egestas felis felis
vitae metus.</div>
+</div>
+
+<div class="outer">
+<select class="list">
+ <option>option 11</option>
+ <option>option 12</option>
+ <option>option 13</option>
+ <option>option 14</option>
+</select>
+
+<ul class="list">
+ <li>option 21</li>
+ <li>option 22</li>
+ <li>option 23</li>
+ <li>option 23</li>
+</ul>
+<div class="list">
+ <div>div 1</div>
+ <div>div 2</div>
+ <span>span 1</span>
+ <span>span 1</span>
+</div>
+
+<div id="multiSelect">
+ <div>div 1</div>
+ <div class="item">div 2</div>
+ <span>span 1</span>
+ <span class="item">span 1</span>
+</div>
+</div>
</body>
</html>
|