Posts tagged: gwt view

gwt实现相邻树条目（TreeItem）的自动收缩

gwt showcase中的树条目，无法实现自动的收缩相邻的树条目。比如: 选择了Basic Text，可是上面的Lists and Menus的树条目还是打开的。如果项目的树很长，可能会影响用户体验。 因此，实现了一个支持自动收缩的方案。 如果选择用户管理里面的条目，则系统管理将自动收缩。    发送文章为PDF   

星期四 二月 11th, 2010 in , , | No Comments »

gwt布局的居中处理

先前写的videos项目，所有Panel都是从浏览器左上角开始的。对话框都是居中的，但是因为Panel，显得很别扭。 使用DockPanel进行居中处理，基本思路是，屏幕左边是WEST，屏幕中间是CENTER，屏幕右边是EAST，将项目的Panel填到DockPanel的CENTER。 通过Window方法获取到浏览器的宽度，如果超过640px，则宽度是640，如果宽度小于640，则充满整个宽度。 如果宽度不小于640，则左（WEST）右(EAST)各占去多出的1/2宽度。 这样就实现了居中。见： if (Window.getClientWidth() > 640) {     this.panel.setWidth("640px");     int width = (Window.getClientWidth() – 640) / 2;     this.leftPanel.setWidth(width + "px");     this.rightPanel.setWidth(width + "px"); } else {     this.panel.setWidth(Window.getClientWidth() + "px");     this.leftPanel.setWidth(0 + "px");     this.rightPanel.setWidth(0 + "px"); }      发送文章为PDF   

星期一 二月 1st, 2010 in , , , | No Comments »

gwt编写最简单的flash播放器

在gwt上编写视频播放，可以使用bst项目，见： http://oss.bramosystems.com/bst-player/ 使用bst，编写了一个最简单的flash播放器，代码很简单： public void onModuleLoad() {     SimplePanel panel = new SimplePanel();     AbstractMediaPlayer player = null;     try {         player = new FlashMediaPlayer(                 "http://marshal.easymorse.com/videos/test.mp4");         panel.setWidget(player);     } catch (PluginNotFoundException e) {         e.printStackTrace();     } catch (PluginVersionException e) {         e.printStackTrace();     } catch (LoadException e) {         e.printStackTrace();     [...]

星期二 一月 26th, 2010 in , , , , , | No Comments »

weapon项目增加文件上传功能

为weapon项目增加了图片上传功能。 这需要服务器端（Spring MVC）和客户端（GWT）两部分程序。    发送文章为PDF   

星期四 一月 21st, 2010 in , , , , , | No Comments »

用简单办法解决gwt不能动态加载图片问题

在gwt框架内找了很多办法，都不能解决图片的动态加载问题。当然刷新页面可以解决，但这相当于重新加载gwt模块了。 gwt使用Image类加载图片，使用url作为参数，结果就是相同的url只加载一次，而后不再向服务器发起请求。这样即使服务器端设置no cache等特性也无济于事。 解决办法，是在flash和ajax应用中普遍使用的办法，即给请求加时间戳。这样每次请求都不一样，gwt就必须再次发起get请求了。 代码： this.image = new Image("/getImage.do?id=" + weapon.getId()+"&time="+System.currentTimeMillis());    发送文章为PDF   

星期四 一月 21st, 2010 in , , , | No Comments »

weapon项目增加图片的显示

如果只是编辑文字，过于枯燥了。给weapon项目的每个记录增加一个图片。 目前还是写死在程序里面的。 稍后将改为可修改的上传的图片。这需要使用文件上传功能。另外，目前的图片如果发生改变，不刷新页面的话，会使用缓存，也需要处理。 源代码： http://easymorse.googlecode.com/svn/tags/Weapons-0.4.5/ 日志引用weapon项目服务器端动态加载图片    发送文章为PDF   

星期三 一月 20th, 2010 in , , , | No Comments »

weapon项目修改表单为对话框

做了个简单的处理，将weapon项目中的表单处理为对话框。 做的不是很彻底，只是简单的。细作的话，需要调整事件处理部分。 截图：    发送文章为PDF   

星期三 一月 20th, 2010 in , , , , , | No Comments »

gwt日期组件使用本地化文字

gwt提供了一套完整的本地化/国际化机制。 如果要在日期组件上使用比如中文，需要做简单的设置。 最简单的办法是直接在url中增加参数，比如我这里： http://localhost:8888/Gwt_json_demo.html?gwt.codesvr=127.0.1.1:9997&locale=zh_CN 这里增加了locale=zh_CN，即可让组件显示中文。这里还要配置一个内容在module xml文件中： <extend-property name="locale" values="zh_CN" /> 如果不想在url中设置locale参数，也可以在module xml文件中增加一个默认设置： <set-property-fallback name="locale" value="zh_CN"/> 这样日期组件，比如DatePicker，将显示中文。    发送文章为PDF   

星期五 一月 15th, 2010 in , , , , | No Comments »

在gwt中动态加入外部图片

在使用google chart生成动态图中演示可以使用google chart轻松生成统计图。如何将这个功能动态加入gwt程序中呢？也很容易。 RootPanel.get().add(new HTML("<img src=\"http://chart.apis.google.com/chart?cht=p3&chd=t:40,34,8,7,4,4,1&chs=500×250&chl=iPhone|Symbian|%E9%BB%91%E8%8E%93|Android|webOS|windows|Palm\" />")); 加上这句到代码中即可。效果如下。    发送文章为PDF   

星期二 一月 5th, 2010 in , , | No Comments »

gwt使用ui binder实现页面组件

gwt2.0包含了一种叫做ui binder的机制，用于使用自定义xml（html）页面模板绑定数据对象。这样可易于编写复杂和自定义界面组件。 这里演示通过eclipse的gwt向导生成最简单的ui binder。首先创建：    发送文章为PDF   

星期二 一月 5th, 2010 in , , | No Comments »