如何搭配jQuery和一个UiInstance产生的GUI(How to mix jQuery an

2019-10-16 22:50发布

我有一个很基本的对话形式,制定了使用GUI构建器。 不过,我想提出一个滑块控件形式。 (不要问!)

jQuery的UI lib中有一个滑块,但似乎为了让所有的jQuery的脚本和CSS加载到模板中,我要切换到HTML服务,而不是UI服务页面生成。

目前,我有我的GUI生成器的形式工作正常,运行这样的事情;

function doGet(e) {
  var app = UiApp.createApplication();
  app.add(app.loadComponent("DocEditorGui"));
  return app;
}

我有一个HTML页面,我可以拉在这样一个jQuery滑块;

function doGet(e) {
  return HtmlService.createHtmlOutputFromFile('mySliderWidget');
}

然而,当使用HTML文件似乎与app.createHTML()HTML类型的widget不兼容,在没有什么如果我通过了HTMLoutput内容显示。 该HTML肯定是处理,作为Logger.log显示正确的jQuery和HTML。

var t =  HtmlService.createHtmlOutputFromFile('mySliderWidget'); 
var widgetHTML = container.createHTML(t.getContent());
widgetHTML.setStyleAttribute("background", "green");
Logger.log( t.getContent()  );
vPanel.add(widgetHTML );

但是想必这是越来越受卡哈还抓,因为效果似乎被剥离了所有的jQuery的ID标签。 该HTML被添加,其各个击破的jQuery。

是否有一个例子该用例,还是我太年初尝试这样的事情?

作为一个测试的情况下,这个jQuery滑块例子; http://pastebin.com/bnY7PhCL

运行在这里卡哈操场; http://code.google.com/p/google-caja/wiki/CajaPlayground

但不会在HTML控件如上运行。

Answer 1:

app.createHTML不使用卡哈。 它剔除了,除了一小部分的所有HTML。 你可以在这里看到的文档:

https://developers.google.com/apps-script/class_html

它剔除了所有的脚本标记。

HtmlService已不是app.createHTML部件; 这是一个全新的API,并需要您来构建整个应用程序的方式。 有没有办法混搭HtmlService对jQuery的使用了UiApp支持; 它是一个或另一个。



文章来源: How to mix jQuery and a UiInstance for generating GUIs