0

ウィンドウの上部にいくつかのボタンを表示しようとしています (これは正常に動作します)。その下に、ScrollPanel と AbsolutePanel にデータのボックスを作成して、どこにでも配置でき、ユーザーがスクロールできるようにします。 (最終的には、一度に多くのボックスが画面に表示されます)。

何らかの理由で、AbsolutePanel のコンテンツが表示されません。ばかげたことを見逃しただけだと思いますが、どこが間違っているのか誰かが教えてくれることを願っています。

function doGet()
{
  var app = UiApp.createApplication();

  var ver = app.createVerticalPanel();
  app.add(ver);

  var hor = app.createHorizontalPanel();
  ver.add(hor);

  var add = app.createButton("Add");
  hor.add(add);

  var rem = app.createButton("Remove");
  hor.add(rem);

  var scr = app.createScrollPanel();
  scr.setWidth("100%");
  scr.setHeight("100%");
  ver.add(scr);

  var abs = app.createAbsolutePanel();
  abs.setWidth("100%");
  abs.setHeight("100%");
  scr.add(abs);

  var b1v = app.createVerticalPanel();
  b1v.setBorderWidth(1);
  abs.add(b1v, 50, 50);

  var b1n = app.createLabel("Text 1");
  b1v.add(b1n);

  var b1b = app.createLabel("Text 2");
  b1v.add(b1b);

  var b1c = app.createLabel("Text 3");
  b1v.add(b1c);

  return app;
}

あるいは、GAS UI で階層グラフを表示する方法を誰かが知っていれば、それも素晴らしいでしょう。GAS で Google Charts と HTML オブジェクトを使用してみましたが、スクリプトが削除されます。

4

2 に答える 2

0

絶対パネルのサイズ定義が問題です。ピクセルで定義すると、すべてが機能します。% は非表示のままです。パネルに色を割り当てたことをデバッグして、何が起こるかを確認します。

そのようにしてみてください：

function doGet(){
  var app = UiApp.createApplication();

  var ver = app.createVerticalPanel();
  app.add(ver);

  var hor = app.createHorizontalPanel();
  ver.add(hor);

  var add = app.createButton("Add");
  hor.add(add);

  var rem = app.createButton("Remove");
  hor.add(rem);

  var scr = app.createScrollPanel();
  ver.add(scr);

  var abs = app.createAbsolutePanel().setStyleAttributes({'background-color':'#DDD'})
  .setWidth("1000px")
  .setHeight("2000px");
  scr.add(abs);

  var b1v = app.createVerticalPanel();
  b1v.setBorderWidth(1);
  abs.add(b1v,100,100);

  var b1n = app.createLabel("Text 1");
  b1v.add(b1n);

  var b1b = app.createLabel("Text 2");
  b1v.add(b1b);

  var b1c = app.createLabel("Text 3");
  b1v.add(b1c);

  return app;
}
于 2013-10-20T13:11:41.250 に答える