javascript – apps-script:在网络应用中创建“动态”页面?
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – apps-script:在网络应用中创建“动态”页面?,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2290字,纯文字阅读大概需要4分钟。
内容图文
![javascript – apps-script:在网络应用中创建“动态”页面?](/upload/InfoBanner/zyjiaocheng/800/75a097d8f6174fd8933a2606bbaf83e5.jpg)
我刚开始玩应用程序脚本和谷歌网络应用程序.我可以构建一个基本应用程序,其中“静态”(缺少更好的单词)页面设置如下:
function doGet() {
var app = UiApp.createApplication().setTitle('foo');
...set up widgets/etc
return app;
}
...handlers here
据我所知,在doGet返回之前,没有一个处理程序开始运行.那是我的问题.我需要一个交互式页面,其中页面的内容由对下拉列表的第一个响应确定.换句话说,向用户呈现下拉列表,他进行选择并点击“提交”,然后我必须基于该选择设置列表框.
所以,看起来我不能将任何逻辑放在doGet中,而且我必须通过我的事件处理程序链接所有逻辑:
function doGet() {
...set up first page and first submit handler
return app;
}
function firstSubmitHandler(e) {
.. respond to first submit handler, draw list boxes, set up second list handler
}
function secondSubmitHandler(e) {
.. respond to second submit handler, yada
}
如果这是对的,那就太疯狂了.我错过了什么吗?
谢谢.
解决方法:
这是您在创建新的“脚本作为Web应用程序”时获得的示例脚本的次要扩展.我所做的就是让初始点击处理程序向Ui添加另一个按钮,然后将另一个点击处理程序带入范围.您可以使用相同的概念来构建动态UI.
// Script-as-app template, extended.
// doGet is exactly as supplied
function doGet() {
var app = UiApp.createApplication();
var button = app.createButton('Click Me');
app.add(button);
var label = app.createLabel('The button was clicked.')
.setId('statusLabel')
.setVisible(false);
app.add(label);
var handler = app.createServerHandler('myClickHandler');
handler.addCallbackElement(label);
button.addClickHandler(handler);
return app;
}
// myClickHandler now contains a modified copy of doGet.
function myClickHandler(e) {
//////////// Key concept: The UI app lives on after doGet exits
var app = UiApp.getActiveApplication();
var button = app.createButton('Click Me 2');
app.add(button);
var label = app.createLabel('The 2 button was clicked.')
.setId('statusLabel')
.setVisible(false);
app.add(label);
var handler = app.createServerHandler('myClickHandler2');
handler.addCallbackElement(label);
button.addClickHandler(handler);
return app;
}
// myClickHandler2 is the original myClickHandler, as supplied
function myClickHandler2(e) {
var app = UiApp.getActiveApplication();
var label = app.getElementById('statusLabel');
label.setVisible(true);
app.close();
return app;
}
如果这还不足以让你开始,请看看a clear example of how to use Google UI Builder and Apps script,以及Serge提供的示例.
内容总结
以上是互联网集市为您收集整理的javascript – apps-script:在网络应用中创建“动态”页面?全部内容,希望文章能够帮你解决javascript – apps-script:在网络应用中创建“动态”页面?所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。