/samples/showcase2/src/com/gwtext/sample/showcase2/public/source/grid/RemotePagingSample.java.html

http://gwt-ext.googlecode.com/ · HTML · 206 lines · 178 code · 28 blank · 0 comment · 0 complexity · f89069726ee79673e7ef7833ea23909f MD5 · raw file 

    

  1. <html>

    2. 

  2. <head>

    3. 

  3. <link rel="stylesheet" href="../../js/sh/SyntaxHighlighter.css" type="text/css" />

    4. 

  4. <script src="../../js/sh/shCore.js"></script>

    5. 

  5. <script src="../../js/sh/shBrushJava.js"></script>

    6. 

  6. <style>

    7. 

  7. 

    8. 

  8. * {

    9. 

  9. font-family:Courier New,monospace;

    10. 

  10.   padding: 0;

    11. 

  11.   margin: 0;

    12. 

  12.   white-space: nowrap;

    13. 

  13.   font-size: 11px;

    14. 

  14. }

    15. 

  15. 

    16. 

  16. .dp-highlighter {

    17. 

  17.   white-space: nowrap;

    18. 

  18.   overflow: visible;

    19. 

  19.   width: 800px;

    20. 

  20.   font-size: 11px;

    21. 

  21.   font-family:Courier New,monospace;

    22. 

  22. }

    23. 

  23. </style>

    24. 

  24.     

    25. 

  25. </head>

    26. 

  26. <body>

    27. 

  27. <textarea name="code" class="java:nogutter:nocontrols" rows="15" cols="120">

    28. 

  28. /*

    29. 

  29.  * GWT-Ext Widget Library

    30. 

  30.  * Copyright 2007 - 2008, GWT-Ext LLC., and individual contributors as indicated

    31. 

  31.  * by the @authors tag. See the copyright.txt in the distribution for a

    32. 

  32.  * full listing of individual contributors.

    33. 

  33.  *

    34. 

  34.  * This is free software; you can redistribute it and/or modify it

    35. 

  35.  * under the terms of the GNU Lesser General Public License as

    36. 

  36.  * published by the Free Software Foundation; either version 3 of

    37. 

  37.  * the License, or (at your option) any later version.

    38. 

  38.  *

    39. 

  39.  * This software is distributed in the hope that it will be useful,

    40. 

  40.  * but WITHOUT ANY WARRANTY; without even the implied warranty of

    41. 

  41.  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU

    42. 

  42.  * Lesser General Public License for more details.

    43. 

  43.  *

    44. 

  44.  * You should have received a copy of the GNU Lesser General Public

    45. 

  45.  * License along with this software; if not, write to the Free

    46. 

  46.  * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA

    47. 

  47.  * 02110-1301 USA, or see the FSF site: http://www.fsf.org.

    48. 

  48.  */

    49. 

  49.  

    50. 

  50. 

    51. 

  51. package com.gwtext.tutorials.client;

    52. 

  52. 

    53. 

  53. import com.google.gwt.core.client.EntryPoint;

    54. 

  54. import com.google.gwt.user.client.ui.RootPanel;

    55. 

  55. import com.gwtext.client.core.SortDir;

    56. 

  56. import com.gwtext.client.core.TextAlign;

    57. 

  57. import com.gwtext.client.data.*;

    58. 

  58. import com.gwtext.client.util.DateUtil;

    59. 

  59. import com.gwtext.client.util.Format;

    60. 

  60. import com.gwtext.client.widgets.*;

    61. 

  61. import com.gwtext.client.widgets.event.ButtonListenerAdapter;

    62. 

  62. import com.gwtext.client.widgets.event.PanelListenerAdapter;

    63. 

  63. import com.gwtext.client.widgets.grid.*;

    64. 

  64. 

    65. 

  65. import java.util.Date;

    66. 

  66. 

    67. 

  67. public class RemotePagingSample implements EntryPoint {

    68. 

  68. 

    69. 

  69.     private GridPanel grid;

    70. 

  70.     private boolean showPreview = true;

    71. 

  71. 

    72. 

  72.     private Renderer renderTopic = new Renderer() {

    73. 

  73.         public String render(Object value, CellMetadata cellMetadata, Record record,

    74. 

  74.                                 int rowIndex, int colNum, Store store) {

    75. 

  75.             return Format.format("<b><a href=\"http://extjs.com/forum/showthread.php?t={2}\"

    76. 

  76.             target=\"_blank\">{0}</a></b>

    77. 

  77.             <a href=\"http://extjs.com/forum/forumdisplay.php?f={3}\" target=\"_blank\">{1} Forum</a>",

    78. 

  78.                     new String[]{(String) value,

    79. 

  79.                             record.getAsString("forumtitle"),

    80. 

  80.                             record.getId(),

    81. 

  81.                             record.getAsString("forumid"),

    82. 

  82.                     });

    83. 

  83.         }

    84. 

  84.     };

    85. 

  85. 

    86. 

  86.     private Renderer renderLast = new Renderer() {

    87. 

  87.         public String render(Object value, CellMetadata cellMetadata, Record record, int rowIndex,

    88. 

  88.                                 int colNum, Store store) {

    89. 

  89.             Date lastPost = record.getAsDate("lastpost");

    90. 

  90.             String lastPostStr = DateUtil.format(lastPost, "M j, Y, g:i a");

    91. 

  91.             return Format.format("{0}<br/>by {1}", new String[]{lastPostStr, record.getAsString("lastposter")});

    92. 

  92.         }

    93. 

  93.     };

    94. 

  94. 

    95. 

  95.     public void onModuleLoad() {

    96. 

  96.         Panel panel = new Panel();

    97. 

  97.         panel.setBorder(false);

    98. 

  98.         panel.setPaddings(15);

    99. 

  99. 

    100. 

  100.         DataProxy dataProxy = new ScriptTagProxy("http://extjs.com/forum/topics-browse-remote.php");

    101. 

  101. 

    102. 

  102.         final RecordDef recordDef = new RecordDef(new FieldDef[]{

    103. 

  103.                 new StringFieldDef("title"),

    104. 

  104.                 new StringFieldDef("forumtitle"),

    105. 

  105.                 new StringFieldDef("forumid"),

    106. 

  106.                 new StringFieldDef("author"),

    107. 

  107.                 new IntegerFieldDef("replycount"),

    108. 

  108.                 new DateFieldDef("lastpost", "lastpost", "timestamp"),

    109. 

  109.                 new StringFieldDef("lastposter"),

    110. 

  110.                 new StringFieldDef("excerpt")

    111. 

  111.         });

    112. 

  112.         JsonReader reader = new JsonReader(recordDef);

    113. 

  113.         reader.setRoot("topics");

    114. 

  114.         reader.setTotalProperty("totalCount");

    115. 

  115.         reader.setId("threadid");

    116. 

  116. 

    117. 

  117.         final Store store = new Store(dataProxy, reader, true);

    118. 

  118.         store.setDefaultSort("lastpost", SortDir.DESC);

    119. 

  119. 

    120. 

  120.         ColumnConfig topicColumn = new ColumnConfig("Topic", "title", 420, false, renderTopic, "topic");

    121. 

  121.         topicColumn.setCss("white-space:normal;");

    122. 

  122. 

    123. 

  123.         ColumnConfig authorColumn = new ColumnConfig("Author", "author", 100);

    124. 

  124.         authorColumn.setHidden(true);

    125. 

  125. 

    126. 

  126.         ColumnConfig repliesColumn = new ColumnConfig("Replies", "replycount", 70);

    127. 

  127.         repliesColumn.setAlign(TextAlign.RIGHT);

    128. 

  128. 

    129. 

  129.         ColumnConfig lastPostColumn = new ColumnConfig("Last Post", "lastPost", 150, true, renderLast, "last");

    130. 

  130. 

    131. 

  131.         ColumnModel columnModel = new ColumnModel(new ColumnConfig[]{

    132. 

  132.                 topicColumn,

    133. 

  133.                 authorColumn,

    134. 

  134.                 repliesColumn,

    135. 

  135.                 lastPostColumn

    136. 

  136.         });

    137. 

  137.         columnModel.setDefaultSortable(true);

    138. 

  138. 

    139. 

  139.         grid = new GridPanel();

    140. 

  140.         grid.setWidth(700);

    141. 

  141.         grid.setHeight(500);

    142. 

  142.         grid.setTitle("Remote Paging Grid ");

    143. 

  143.         grid.setStore(store);

    144. 

  144.         grid.setColumnModel(columnModel);

    145. 

  145.         grid.setTrackMouseOver(false);

    146. 

  146.         grid.setLoadMask(true);

    147. 

  147.         grid.setSelectionModel(new RowSelectionModel());

    148. 

  148.         grid.setFrame(true);

    149. 

  149.         grid.setStripeRows(true);

    150. 

  150.         grid.setIconCls("grid-icon");

    151. 

  151. 

    152. 

  152.         GridView view = new GridView() {

    153. 

  153.             public String getRowClass(Record record, int index, RowParams rowParams, Store store) {

    154. 

  154.                 if (showPreview) {

    155. 

  155.                     rowParams.setBody(Format.format("<p>{0}</p>", record.getAsString("excerpt")));

    156. 

  156.                     return "x-grid3-row-expanded";

    157. 

  157.                 } else {

    158. 

  158.                     return "x-grid3-row-collapsed";

    159. 

  159.                 }

    160. 

  160.             }

    161. 

  161.         };

    162. 

  162.         view.setForceFit(true);

    163. 

  163.         view.setEnableRowBody(true);

    164. 

  164.         grid.setView(view);

    165. 

  165. 

    166. 

  166.         PagingToolbar pagingToolbar = new PagingToolbar(store);

    167. 

  167.         pagingToolbar.setPageSize(25);

    168. 

  168.         pagingToolbar.setDisplayInfo(true);

    169. 

  169.         pagingToolbar.setDisplayMsg("Displaying topics {0} - {1} of {2}");

    170. 

  170.         pagingToolbar.setEmptyMsg("No topics to display");

    171. 

  171. 

    172. 

  172.         pagingToolbar.addSeparator();

    173. 

  173.         ToolbarButton toolbarButton = new ToolbarButton("Show Preview");

    174. 

  174.         toolbarButton.setPressed(showPreview);

    175. 

  175.         toolbarButton.setEnableToggle(true);

    176. 

  176.         toolbarButton.setCls("x-btn-text-icon details");

    177. 

  177.         toolbarButton.addListener(new ButtonListenerAdapter() {

    178. 

  178.             public void onToggle(Button button, boolean pressed) {

    179. 

  179.                 toggleDetails(pressed);

    180. 

  180.             }

    181. 

  181.         });

    182. 

  182. 

    183. 

  183.         pagingToolbar.addButton(toolbarButton);

    184. 

  184.         grid.setBottomToolbar(pagingToolbar);

    185. 

  185. 

    186. 

  186.         grid.addListener(new PanelListenerAdapter() {

    187. 

  187.             public void onRender(Component component) {

    188. 

  188.                 store.load(0, 25);

    189. 

  189.             }

    190. 

  190.         });

    191. 

  191.         panel.add(grid);

    192. 

  192. 

    193. 

  193.         RootPanel.get().add(panel);

    194. 

  194.     }

    195. 

  195. 

    196. 

  196.     private void toggleDetails(boolean pressed) {

    197. 

  197.         showPreview = pressed;

    198. 

  198.         grid.getView().refresh();

    199. 

  199.     }

    200. 

  200. }

    201. 

  201. </textarea>

    202. 

  202. <script class="javascript">

    203. 

  203. dp.SyntaxHighlighter.HighlightAll('code');

    204. 

  204. </script>

    205. 

  205. </body>

    206. 

  206. </html>
    207.