2012年01月_茜茜770

12月 06月 05月 04月 03月 02月 01月

原创 GXT之旅：第五章：高级Components(1)——Trees和TreeGrid(1)

第五章：高级Components 本章我们要基于前几章内容，更深入的学习data-backed components。我们会学习Tree以及如何优化和改进数据的加载和显示等内容。学习如何将Tree的概念应用与Grid。会涉及到Grid的一些高级功能。最后我们要学习menus和toolbars 本章，我们会涉及到如下GXt功能集 TreesBaseTreeModel Tr

2012-01-31 17:27:51 4195 2

原创 GXT之旅：第四章：Data与Components(6)——GridCellRenderer

GridCellRenderer（渲染器）目前看来，RSSReader项目的grid已经简单的显示出来了——每一列都是显示简单的一个field数据。如果想要让几个fields联合起来，更丰富的显示的话，我们就需要使用GridCellRenderer。它允许我们使用HTML去渲染表格里面的内容。 GridCellRenderer定义好之后，需要通过ColumnConfig.setRende

2012-01-31 10:34:06 3426 1

原创 GXT之旅：第四章：Data与Components(5)——Grid

准备工作——Item 正如我们所知，一个feed的信息，里面会包含多组Item的信息，也就是一对多的概念。如果想将这些items都显示出来，我们需要有另外的model bean class来存储他们。整个处理过程如下：新建Item modalData类，其属性用来存储对应的信息（在这里为了简单起见，直接使用之前提到的第一种方法，让Item成为ModalData类。）： packag

2012-01-30 15:24:21 3854 5

原创 GXT之旅：第四章：Data与Components(4)——远程数据（remote data）

使用remote data stores的数据来源不单单可以从client-side获得（就是从Registry里获得），也可以通过调用远程数据来获得。对于远程数据的加载和处理工作，GXT已经提供了轻巧方便的手段。她支持通过HTTP协议来检索XML或者JSON格式的数据，或者直接通过GWT RPC来检索到objects对象。对于不同的数据源，GXT提供了相应的机制。如果有必要的话，会把原始的数据

2012-01-27 14:29:48 3845 1

原创 GXT之旅：第四章：Data与Components(3)——Server端的持久化(2)

持久化与Store的同步还记得之前，我们实现了，通过client side的缓存store（ListStore）存储feed对象集合。但是那仅仅是在缓存里面存储着，并没有持久化数据。还记得当时是通过GWT RPC调用saveFeed方法，仅仅是将要保存的feed对象发送到server side，仅仅是按照xml格式转换之后打印出来，并没有持久化。只要应用程序一重启，所有的store都会随即消失

2012-01-26 16:49:19 3653

原创 GXT之旅：第四章：Data与Components(3)——Server端的持久化(1)

小妹大年初四上班，发博啦 Server端的持久化到目前为止，在RSSReader项目里，还没有任何持久化的操作。为了让我们项目更具有真实性，现在我们要添加持久化的代码。但是为了让我们更专注于client－side，持久化的逻辑仅仅是最基本的操作——实现真实的持久化逻辑之前先加入持久化的接口，这样就可以为了需要，可以在不改变接口调用的基础上，改用另外一种持久化操作的内容既可（比如hiber

2012-01-26 14:00:37 3556 11

原创 GXT之旅：第四章：Data与Components(2)——Stroes

Stroes 在GXT中，Stroe，一个抽象类，用于穿梭于client端，提供ModelData objects。Stroe其实就是为data-backed components存储数据的。 Stroe有两种：TreeStore——为了使用于Tree components；ListStore——为了存储list数据的（被ListField, ComboBox, Grid components

2012-01-12 11:38:34 4143 12

原创 GXT之旅：第四章：Data与Components(1)——ModelData

第四章：Data与Components 本章我们要学习，GXT是如何允许我们和Data协同工作的。我们会着眼与components的检索，操作，加工data的能力。并且学习具有操作数据能力的components。本章，我们会涉及到如下GXt功能集 Data ModelDataBeanModelBeanModelTagBeanModelMarkerBeanModelFact

2012-01-11 16:46:23 4968 3

原创 GXT之旅：第三章：表单和窗口(6)——表单提交的后续

创建RSS XML 接下来，要把用户录入的feed内容保存起来。最合适的方式是，保存为RSS XML格式的文档。所以要在FeedService接口中新增一个方法saveFeed()方法。我们需要使用JDOM 1.1库，操作feed对象，将其转换成XML格式。http://www.jdom.org/downloads/index.html下载jdom-1.1.2.jar包，放入工作空间里。

2012-01-11 14:43:30 3705 4

原创 GXT之旅：第三章：表单和窗口(5)——Registry

Registry GXT提供一个Registry类。他就像HashMap，可以在应用程序的client端内随意使用它。他就像一个载体，穿梭在client端的任何类之间，用于传递数据。 Registry存储services Registry就是用来存储数据的。数据可以是多种多样的，除了基本的list之外，他可以存储services——当services被创建的时候，就被放入Regi

2012-01-11 11:57:12 3922

原创 GXT之旅：第三章：表单和窗口(4)——表单的提交和RPC

表单使用HTTP提交表单有两种提交方式，第一种就是传统的HTTP提交。最直接的步骤就是：使用FormPanel的setAction()方法，去定义submit的URL使用FormPanel的isValid()方法，去验证所有的fields是否有正确如果正确，使用FormPanel的submit()方法提交表单。 setAction("http://www.example.co

2012-01-11 10:53:11 5496 2

原创 GXT之旅：第三章：表单和窗口(3)——表单

新建FeedForm 先前窗口的工作已经完成了，下面要在窗口里加入表单。新建包：com.danielvaughan.rssreader.client.forms，在此包下新建FeedForm类，继承FormPanel。通过构造函数，设置隐藏题头 public FeedForm() { setHeaderVisible(false); } 定义表单中的Fields，就是先前提

2012-01-10 18:42:48 4347 6

原创 GXT之旅：第三章：表单和窗口(2)——Window

Window Window的父类的ContentPanel，他是在程序中用来显示窗口的component。有些类似与Popup，但是Window的窗口有已经定义好的布局效果，比如拖拽，关闭按钮，用户拖拉其大小等。 FitLayout 如果我们要在Window里加入一个表单，我们希望整个表单可以填满整个Widnow窗口，所以就要使用FitLayout布局。任何一个包裹着一个子集

2012-01-10 14:02:03 3975

原创 GXT之旅：第三章：表单和窗口(1)——POJO在client和server之间的共享

第三章：表单和窗口本章我们要学习GXT的表单功能。了解相关的表单components和如何使用他们。也会涉及到GXT Registry，来学习如何跨越各个components来传递对象的。本章，我们会涉及到如下GXt功能集 The full range of fields available in GXTFormPanelFormLayoutWindowFitLayoutFi

2012-01-10 11:07:40 4155 4

原创 GXT之旅：第二章：GXT组件(9)——Popup位置

Popup的位置先前的程序，运行后，会发现popup会在整个屏幕的中央显示。这样一来就有些显示的不友好，最好可以让Popup可以在Link feed button的上面直接的显示出来。之前用的是show()方法，未加入任何的设置，直接显示popup。为了让让Popup可以在Link feed button的上面直接的显示出来，我们就需要在show()方法上做文章了。在作此之前，先了解一些新的概

2012-01-06 13:48:12 3981 2

原创 GXT之旅：第二章：GXT组件(8)——Popup

Popup Popup继承自LayoutContainer，可以使其弹出的窗口，始终至于其他的components之上。现在，我想要在用户点击Link feed按钮的时候可以显示一个Popup表单窗口，可以让用户输入一个URL。创建新package：com.danielvaughan.rssreader.client.components。在此包下创建LinkFeedPopup类，继承自

2012-01-06 11:51:57 4487 1

原创 GXT之旅：第二章：GXT组件(7)——Button和Tooltip

ToggleButton Button控件对于大家来说并不陌生，也就不专门介绍了。下面要特殊的介绍一下ToggleButton。他是Button的子类，他就像一个开关，有“按下”和“未按下”两种状态。同时呢，我们可以给ToggleButton进行分组，使用setToggleGroup(String toggleGroup)就可以实现。分组后的ToggleButton不管如何点击其中某个按钮，都会

2012-01-05 18:02:57 4764 6

原创 GXT之旅：第二章：GXT组件(6)——定制组件

定制组件在GXT，乃至GWT中，定制组件是非常普遍并且有用的。定制组件大致可以分为两种：第一种，修改一个现有组件的功能；第二种，封装一个或多个组件并且加入新的功能，使其成为一个新的组件。相对于GXT而言，GWT有一个复合组件的概念——通过把一个组件包装到另外一个组件之上，从而达到定制组件的效果。但是GXT如果想实现这种复合组件会发生很多问题！比如前面所用到的ContentPanel，用于R

2012-01-05 14:52:55 4486 2

原创 GXT之旅：第二章：GXT组件(5)——加载消息

加载消息构建任何一种GUI（graphic user interface图形用户界面），最重要的一点就是一定要让用户知道此时此刻应用程序正在做什么。GWT，尤其是GXT应用程序，会在javaScript和图片加载时候，占用几秒钟。因此，在这一期间，就需要显示一个等待加载的一个消息界面。大致思路：当浏览器通过url找到此应用程序的时候，也就是JavaScript还没有被加载的时候，我们要在应

2012-01-05 10:42:43 4762 4

原创 GXT之旅：第二章：GXT组件(4)——容器的布局

Viewport Viewport的父类是LayoutContainer，它会自动的填充整个浏览器的窗口，并且会监听窗口的大小变化，随之变化。于此同时，也会负责处理其里面的子components在新改变窗口后的大小。对于去展现一个类似于桌面应用程序来说，Viewport是一个非常有用的component。我们会使用Viewport，作为整个项目的基础面板。因此，它会被直接的添加到GWT的ro

2012-01-04 17:38:20 8555 9

原创 GXT之旅：第二章：GXT组件(3)——事件和监听

GXT基础3：Events Events 概念是指：当有事件发生时，通知应用程序作出响应的这一过程。点击button或者控件的状态改变，都可以当作一个事件，然后通过应用程序，使用户和程序之间产生某种互动的效果。用户在控件上的每一个行为，每一个操作，都会导致某些事件的触发，如果这个控件自身监听到了某些事件的发生，那么就会跳转到对应的处理流程中，以此作为事件的响应。从专业的角度来说，就像总所周知

2012-01-03 17:47:50 6863 4

原创 GXT之旅：第二章：GXT组件(2)——渲染和容器

异步渲染 GWT的工作原理，就是操作DOM元素——Document Object Model来渲染浏览器中的html页面。GWT widget 其实就是由html标记集合组成的，可以在DOM中添加和删除。例如，一个GWT的button widget的html标记会被表述成，如下： <button type="button" class="gwt-Button" style="posit

2012-01-03 13:47:31 6521 3