- 浏览: 178405 次
- 性别:
- 来自: 合肥
文章分类
最新评论
-
xmxujinjun:
大神,怎么调用啊
OpenLayers动画效果显示路线 -
采菊东篱下:
GWTCanvas-GWT封装javascript实现绘图 -
s33ker:
能简单说说怎么调用吗? 我也有点看蒙了
OpenLayers动画效果显示路线 -
yingkong87:
请教一下这个有没有调用的例子?对这块不是太熟。谢谢
OpenLayers动画效果显示路线 -
administrator1616:
哥,你的文章能说明白点么,汗
GWT的自动提示下拉框
GWT官方和其他一些开源的项目都有提供绘图的功能,只要添加相关的jar包就可以了。我自己因为需要一些灵活的功能,只好自己去封装相关javascript来实现一些特殊的需求了。
这里我们先从附件下载别人写好的绘图javascript库。然后在我们的主html页面中添加引用
<script type="text/javascript" language="javascript" src="wz_jsgraphics.js"></script>
下面我们就可以对其用GWT进行封装了,核心是利用GWT的JSNI来实现java和js的通信。大家可以注意下,下面几乎每一个native方法都对应了一个java方法。这样我们就实现了GWTCanvas,可以用他来绘图了。
package com.yingxia.tonglin.client.commoncontrol; public class GWTCanvas { private Object jsGraphics; public GWTCanvas(String panelId) { this.jsGraphics = this.createJsGraphics(panelId); } public void setStroke(int width) { setStroke(jsGraphics, width); } public void setColor(String color) { setColor(jsGraphics, color); } public void setFont(String fontFamily, String fontSize, String fontStyle) { setFont(jsGraphics, fontFamily, fontSize, fontStyle); } public void drawLine(int x1, int y1, int x2, int y2) { drawLine(jsGraphics, x1, y1, x2, y2); } public void drawEllipse(int x, int y, int width, int height) { drawEllipse(jsGraphics, x, y, width, height); } public void fillArc(int x, int y, int width, int height, int startAngle, int endAngle) { fillArc(jsGraphics, x, y, width, height, startAngle, endAngle); } public void drawString(String text, int x, int y) { drawString(jsGraphics, text, x, y); } public void paint() { paint(jsGraphics); } public void clear() { clear(jsGraphics); } private native void drawLine(Object jsGraphics, int x1, int y1, int x2, int y2) /*-{ jsGraphics.drawLine(x1, y1, x2, y2); }-*/; private native void drawEllipse(Object jsGraphics, int x, int y, int width, int height) /*-{ jsGraphics.drawEllipse(x, y, width, height); }-*/; private native void fillArc(Object jsGraphics, int x, int y, int width, int height, int startAngle, int endAngle) /*-{ jsGraphics.fillArc(x, y, width, height, startAngle, endAngle); }-*/; private native void drawString(Object jsGraphics, String text, int x, int y) /*-{ jsGraphics.drawString(text, x, y); }-*/; private native void paint(Object jsGraphics) /*-{ jsGraphics.paint(); }-*/; private native void clear(Object jsGraphics) /*-{ jsGraphics.clear(); }-*/; private native void setStroke(Object jsGraphics, int width) /*-{ jsGraphics.setStroke(width); }-*/; private native void setColor(Object jsGraphics, String color) /*-{ jsGraphics.setColor(color); }-*/; private native void setFont(Object jsGraphics, String fontFamily, String fontSize, String fontStyle) /*-{ jsGraphics.setFont(fontFamily, fontSize, fontStyle); }-*/; private native Object createJsGraphics(String panelId) /*-{ return new $wnd.jsGraphics(panelId); }-*/; }
这里是我写程序,读取一个List集合,循环生成的一条链路图
评论
3 楼
采菊东篱下
2014-03-01
2 楼
xinayida
2011-06-10
还是不会用。。。能写全一点么?
1 楼
Discard
2011-04-02
不知能否楼主能发一份生成链路图的源码呢?
courage0617@qq.com
courage0617@qq.com
发表评论
-
为面版设置默认按钮
2009-11-10 16:33 1066在GWT中如何为面板设置默认的按钮呢,当用户按下enter的时 ... -
GWT琐记
2009-10-28 13:42 976客户端日期格式化: <inherits name ... -
创建可复用的Module
2009-10-22 11:28 1033在编写GWT程序的过程中,我们很多的功能模块都是可以复用的,这 ... -
在GWT中使用chart
2009-10-15 09:47 14291. 在你的module中加上 <inherits n ... -
GWT中日期的格式化
2009-10-14 15:03 2028首先要继承模块 <inherits name=& ... -
GWT的TreePanel示例:右键菜单删除
2009-09-29 19:22 3184基类DeptEmployeeTreePanel请参考我的上一篇 ... -
GWT的TreePanel示例:拖曳
2009-09-29 19:18 3149这是基础类 package com.yingxia.asse ... -
GWT中如何获取session
2009-09-02 15:19 2142请在RemoteServiceServlet中使用HttpSe ... -
GWT的自动提示下拉框
2009-08-31 22:47 2883如何用Gxt来做一个简单的自动完成下拉框呢?这里涉及到4个类: ... -
JSNI,JS调用Java方法
2009-08-31 08:16 2218请看这篇官方的介绍,里面有js将java的方法作为回调函数进行 ... -
GWT中的Drag和Drop
2009-08-24 19:02 1298在GWT中,拖放操作是基于这两个核心类DragSource和D ... -
GWT中RPC的异常处理
2009-08-22 09:24 1751在GWT中,由于Serialize的安全机制的限制,服务器端抛 ... -
GWT的RPC请求实现原理解析
2009-08-20 12:25 2394GWT的PRC请求的原理是什么,为什么我们在客户端能够直接调用 ... -
GWT的FlexTable的colspan和rowspan
2009-08-13 10:48 2752FlexTable简单强大,是GWT中布局的好帮手。这里我们简 ... -
揭开GWT的JavaScriptObject对象的神秘面纱
2009-08-12 15:15 3437GWT的JSNI提供了java代码和javascript代码之 ... -
5分钟建立一个gxt项目
2009-08-11 17:30 12711.下载最新的GWT开发工具包,解压缩到任意目录,为其配置好系 ... -
JSNI在GWT中调用JavaScript
2009-08-10 09:49 2963以下是一个示例: public native void t ... -
GWT自定义事件
2009-07-30 13:48 1855GWT的一些控件并不直接支持某些事件,如双击事件,那么如何让其 ... -
GWT本地简单的下拉框
2009-07-29 09:50 1860com.extjs.gxt.ui.client.widget. ... -
GWT的自定义正整数TextField
2009-07-29 08:46 1270这里关键是两个类PropertyEditor 和Valida ...
相关推荐
GWT Advanced Table 是一个基于 GWT 框架的网页表格组件,可实现分页数据显示、数据排序和过滤等功能! Google Tag Library 该标记库和 Google 有关。使用该标记库,利用 Google 为你的网站提供网站查询,并且可以...
GWT Advanced Table 是一个基于 GWT 框架的网页表格组件,可实现分页数据显示、数据排序和过滤等功能! Google Tag Library 该标记库和 Google 有关。使用该标记库,利用 Google 为你的网站提供网站查询,并且可以...
GWT Advanced Table 是一个基于 GWT 框架的网页表格组件,可实现分页数据显示、数据排序和过滤等功能! Google Tag Library 该标记库和 Google 有关。使用该标记库,利用 Google 为你的网站提供网站查询,并且可以...
GWT Advanced Table 是一个基于 GWT 框架的网页表格组件,可实现分页数据显示、数据排序和过滤等功能! Google Tag Library 该标记库和 Google 有关。使用该标记库,利用 Google 为你的网站提供网站查询,并且可以...
GWT Advanced Table 是一个基于 GWT 框架的网页表格组件,可实现分页数据显示、数据排序和过滤等功能! Google Tag Library 该标记库和 Google 有关。使用该标记库,利用 Google 为你的网站提供网站查询,并且可以...
GWT Advanced Table 是一个基于 GWT 框架的网页表格组件,可实现分页数据显示、数据排序和过滤等功能! Google Tag Library 该标记库和 Google 有关。使用该标记库,利用 Google 为你的网站提供网站查询,并且可以...
GWT Advanced Table 是一个基于 GWT 框架的网页表格组件,可实现分页数据显示、数据排序和过滤等功能! Google Tag Library 该标记库和 Google 有关。使用该标记库,利用 Google 为你的网站提供网站查询,并且可以...
GWT Advanced Table 是一个基于 GWT 框架的网页表格组件,可实现分页数据显示、数据排序和过滤等功能! Google Tag Library 该标记库和 Google 有关。使用该标记库,利用 Google 为你的网站提供网站查询,并且可以...
GWT Advanced Table 是一个基于 GWT 框架的网页表格组件,可实现分页数据显示、数据排序和过滤等功能! Google Tag Library 该标记库和 Google 有关。使用该标记库,利用 Google 为你的网站提供网站查询,并且可以...
GWT Advanced Table 是一个基于 GWT 框架的网页表格组件,可实现分页数据显示、数据排序和过滤等功能! Google Tag Library 该标记库和 Google 有关。使用该标记库,利用 Google 为你的网站提供网站查询,并且可以...
GWT Advanced Table 是一个基于 GWT 框架的网页表格组件,可实现分页数据显示、数据排序和过滤等功能! Google Tag Library 该标记库和 Google 有关。使用该标记库,利用 Google 为你的网站提供网站查询,并且可以...
GWT Advanced Table 是一个基于 GWT 框架的网页表格组件,可实现分页数据显示、数据排序和过滤等功能! Google Tag Library 该标记库和 Google 有关。使用该标记库,利用 Google 为你的网站提供网站查询,并且可以...
GWT Advanced Table 是一个基于 GWT 框架的网页表格组件,可实现分页数据显示、数据排序和过滤等功能! Google Tag Library 该标记库和 Google 有关。使用该标记库,利用 Google 为你的网站提供网站查询,并且可以...
JavaScript万年历 显示出当前时间及年份,还可以选择年份及月份和日期 Java编写的HTML浏览器 一个目标文件 摘要:Java源码,网络相关,浏览器 Java编写的HTML浏览器源代码,一个很简单甚至不算是浏览器的HTML浏览器...
JavaScript万年历 显示出当前时间及年份,还可以选择年份及月份和日期 Java编写的HTML浏览器 一个目标文件 摘要:Java源码,网络相关,浏览器 Java编写的HTML浏览器源代码,一个很简单甚至不算是浏览器的HTML浏览器...