GWT中使用JSNI时，调用document.getElementById返回为null的问题

最新推荐文章于 2021-02-15 21:11:29 发布

zhouzhe8013

最新推荐文章于 2021-02-15 21:11:29 发布

阅读量279

点赞数 1

分类专栏： GWT GXT java

本文链接：https://blog.csdn.net/zz880329/article/details/85234895

版权

java 同时被 3 个专栏收录

5 篇文章 0 订阅

订阅专栏

GWT

3 篇文章 0 订阅

订阅专栏

GXT

3 篇文章 0 订阅

订阅专栏

本文详细介绍了在GWT中使用JSNI时，如何通过特殊变量$doc正确获取DOM元素，避免使用标准JS代码导致的问题。同时，列举了多个GWT环境下特有的变量，如$gwt_version、$wnd、$doc、$moduleName和$moduleBase等，帮助开发者更好地理解和运用GWT框架。

摘要由CSDN通过智能技术生成

在GWT中，我们通过JSNI编写JS代码，通过常规的DOM操作获取元素节点，会找不到元素

var node1 = document.getElementById("node1") // 不报错，但返回为null

此时正确的方法应该使用jsni的特殊变量$doc

var node1 = $doc.getElementById("node1") // 返回正确

另附常用jsni特殊变量

$gwt_version	GWT的版本号
$wnd	主窗口对象，引用第三方js中的类文件需要用
$doc	主窗口文档对象，替代dom中的document对象
$moduleName	GWT模块名称
$moduleBase	GWT模块路径
$stats	统计事件函数

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

zhouzhe8013

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

JSNI 学习例子

zhang52088的博客

12-12

602

清单 1.网格控件的初始化（片段） native JavaScriptObject init(JavaScriptObject myColumns,JavaScriptObject myData)/*-{ try{ $wnd.mygrid = new $wnd.AW.UI.Grid; $wnd.mygrid.setSize(75 0, 35 0); // prov...

GWT事件与ELEMENT绑定

chengfei112233的专栏

05-27

2452

GWT还提供了DOM工具，利用美工做好的HTML页面，后台人员结合GWT来开发。 Element button = DOM.getElementById("button_a"); DOM.sinkEvents(button, Event.ONCLICK); DOM.setEventListener(button,new EventListener(){ public void onBrowserEvent(Event event) { if(DOM.eventGetType(event)

参与评论您还未登录，请先登录后发表或查看评论

GWT笔记(4)

chszs的专栏

07-22

2604

GWT笔记(4)一、History and Bookmarks书签对于Ajax应用来说是一个特殊的问题，因为用户只和单个的页面进行交互，因此这儿存在许多不同的片段、状态。GWT解决了这些问题。处理返回按钮和用户保存有用的标签的秘密是历史标识。历史标识仅仅是一个字符串，用于保存你想保存的状态。Google没有记载历史标识的最大长度，但是推荐为在100个字符以内。要通过编程来改变历史标识，可以

GWT 加入服务端代码，从服务端返回数据

modabobo

06-15

222

1. 在上一节代码基础上，创建Remote 已经有client端了，必须再创建Server端代码，GWT中也就是Remote，方式和Client类似工程右键，New——>Other，选择Cypal Studio 下的GWT Remote Service，如下： Finish后，看工程目录，com.mooing.server中已经存在LoginServi...

初窥JSNI

ch13795的专栏

07-14

704

因为工作的原因，接触学习了GWT。现阶段需要在Java里调用strophe.js。折腾了许久终于成功调用了外部的js文件，便来把自己的流程记下，以免以后忘记后得重新研究。

Javascript本地扩展接口规范:JSNI(draft)

zengwh的专栏

04-29

1159

Javascript本地扩展接口规范:JSNI(draft)一.目的浏览器应用到各专业领域时，总存在浏览器需要和专业领域的业务逻辑进行绑定，本规范定义操作本地接口的绑定机制。具有一定的通用性。与Java语言的中JNI类似。只是该规范提供了操作本地业务逻辑接口的JavaScript绑定接口。与XPCOM相比是一个更加轻量级的扩展机制而且更加通用，基本上只要支持EcmaScript262规范

gwt-jsni:用于 GWT 项目的 JSNI 实用程序

07-02

gwt-jsni 用于 GWT 项目的 JSNI 实用程序。用法将依赖项添加到您的 Maven POM： ... < artifactId>jsni < version>1.0.0 < scope>provided ... 和你的 .gwt.xml 文件： ... ... </ module>

org.jresearch.commons.gwt.utils.shared-1.0.45.zip

10-10

标题 "org.jresearch.commons.gwt.utils.shared-1.0.45.zip" 提供的信息表明，这是一个与Java开发相关的开源项目，具体来说是`org.jresearch`组织下的一个 Commons GWT (Google Web Toolkit) 工具集。GWT 是一个用于...

EXT-GWT(GXT)2.2.3 API DOC.zip

07-08

EXT-GWT，全称为Ext GWT，是Sencha公司开发的一个强大的Java库，用于构建富互联网应用程序（RIA）。GXT是EXT-GWT的扩展，它提供了更多组件、样式和功能，使得开发者能够创建出与桌面应用相媲美的用户体验。GXT 2.2.3...

基于GWT的基金管理系统的设计.pdf

最新发布

01-03

在新的系统架构中，客户端使用GWT开发，实现了所有用户界面的全功能客户端，用户访问系统时将客户端全部下载到本地机器后交给浏览器显示。服务端采用GWT-RPC实现业务逻辑，并通过DAO层对数据库进行操作。整个系统...

关于 JSNI 调用 Java 方法时的 Type Signatures 说明

03-28

关于 JSNI 调用 Java 方法时的 Type Signatures 说明.

GWT使用JSNI與外部javascript整合

yaoyanzhu的博客

07-28

304

(1) 範例一：使用外部的javascript library 來做MD5 首先在html檔中引用javascript檔案： [code="javascript"] [/code] 然後定義一個新class，並利用JSNI宣告member function： [code="java"] public class MD5 { public native static S...

java 回调js,将Java回调函数传递给JSNI方法？

weixin_30263409的博客

02-15

165

I want to pass a success and a failure callback Java function to a JSNI method.This is what I get so far but it does not work. How can I fix it?package c;public class A {test(new Callback() {@Override...

GWT通过JSNI打印Web页面内容

panzer_416的博客

01-30

277

在GWT中通过JSNI调用JS脚本去执行web页面打印：首先是预览打印界面，代码如下： [code="java"] package net.carefx.sde.editor.web.editor.client.partogram; import net.carefx.component.editor.web.client.jsni.PartogramScript; impor...

JsInterop，Web组件，聚合物：初学者指南

danpu0978的博客

04-28

519

JsInterop 早在GWT发布时，还没有那么多的Javascript库，因此在Java和JS之间实现双向互操作性并不那么吸引人。 GWT提供了一种使用JSNI在Java类中编写Javascript的方法。但是现在随着Javascript生态系统格局的变化，GWT开发人员需要比JSNI更复杂的东西。从2.7版开始，Gs中引入了JsInterop，作为一种实验性功能来替代JSNI。顾名...

GWT中的特殊变量

01-09

713

GWT中的特殊变量变量名描述 $gwt_version GWT的版本号 $wnd 主窗口对象 $doc 主窗口文档对象 $moduleName GWT模块名称 $moduleBase GWT模块路径 $stats 统计事件函数

揭开GWT的JavaScriptObject对象的神秘面纱

墨者侠客

09-02

1446

GWT的JSNI提供了java代码和javascript代码之间的交互功能，其中最重要的一个类就是 JavaScriptObject 。这是一个非常特殊的类： 1.不可以直接new创建，必须通过JSNI的native方法来创建。这也是为什么它只有protected修饰符的构造函数的原因了。 2.java代码可以把JavaScriptObject的对象通过native再次传回给js使用。

GWT-JSNI详解：实战Google Web Toolkit的JavaScript原生接口

GWT-JSNI（Google Web Toolkit JavaScript Native Interface）是Google Web Toolkit (GWT) 的一项关键技术，它允许GWT编写的Java代码直接调用原生的JavaScript库或对象，实现了Java与JavaScript的深度集成。...