Ajax窗口(弹出)使用谷歌关闭库
Ajax Window (Popup) Using Google Closure Library
是否有任何类(如goog.ui.dialog
),让我显示一个对话框,其内容可以通过ajax从另一个文件获取?
- google .ui. dialog是一个适合这个目标的类吗?
- 是否应该由
good.net.XHR
和goog.ui.Popup
等其他基础类来实现?
您可以扩展google .ui.dialog并获取内容。
一个可以帮助你的简单例子:
my.ui.Dialog = function(opt_iframe) {
goog.ui.Dialog.call(this, null, opt_iframe);
this.xhr_ = new goog.net.XhrIo();
this.xhr_.addEventListener(goog.net.EventType.COMPLETE,
this.onComplete_, false, this);
goog.events.listen(this, goog.ui.Dialog.EventType.SELECT,
this.dispatch_, false, this);
};
my.ui.Dialog.prototype.buildWindow_ = function (responseJson) {
this.setTitle(responseJson.title);
this.setContent(responseJson.content);
this.setButtonSet(eval(responseJson.buttons));
};
my.ui.Dialog.EventType = {
'COMPLETE': 'complete'
};
my.ui.Dialog.prototype.onComplete_ = function (event) {
var json = this.xhr_.getResponseJson ()
this.buildWindow_ (json);
this.reposition ();
};
my.ui.Dialog.prototype.send = function (uri, method, post_data) {
this.xhr_.send(uri, method, post_data, null, {'X-DIALOG':'AJAX'});
};
goog.inherits (my.ui.Dialog, goog.ui.Dialog);
就是使用json中的响应来构建ui。对话框:
{"buttons": "goog.ui.Dialog.Buttons.OK_CANCEL",
"content": "<html><body><h1>Hello</h1></body></html>",
"title": "Hello World"}
这个例子不能直接工作:/
相关文章:
- 谷歌地图点击潜水触发信息窗口
- 将FlowPlayer嵌入谷歌地图信息窗口
- 当我浏览回页面时,谷歌地图信息窗口不会弹出
- 谷歌地图信息窗口Z索引
- 谷歌地图信息窗口为每个标记显示相同的内容
- 如何隐藏谷歌地图Api 3中InfoBox窗口中的关闭(x)按钮
- 窗口中的谷歌字体参差不齐
- 为位于路线上的谷歌地图标记(起点和终点)设置一个信息窗口
- 信息窗口谷歌地图点击事件给出错误
- 在新窗口中通过谷歌地图的localStorage作为地图中心
- Javascript谷歌地图每个信息窗口
- 更新打开的谷歌地图信息窗口
- 棱角分明的谷歌地图双窗口
- 在谷歌地图的信息窗口内点击按钮
- 谷歌地图API-信息窗口显示谷歌位置API信息
- 谷歌地图API-获取信息窗口打开时,点击一个圆圈
- 谷歌地图位置自动完成被jQuery Mobile弹出窗口阻止
- 谷歌扩展:如何在弹出窗口中按下按钮时在我的javascript文件中运行函数
- 单击角度谷歌地图中的多边形时如何显示窗口
- 如何在谷歌地图中设置多个信息窗口,但使用这种特定的JavaScript方法