0

いくつかのメニューを作成しましたが、クリックしたメニュー項目の実際のページ コンテンツを設定する方法がわかりません。乾杯。

function doGet() {
  var app = UiApp.createApplication();
  var menu = app.createMenuBar();
  var handler = app.createServerHandler();

  var menuUsers = menu.addItem('Users', handler).addSeparator().setId('users');
  var menuPending = menu.addItem('Pending Submissions', handler).addSeparator().setId('pending');

  app.add(menu);
  return app;
}
4

1 に答える 1

0

一般に、メイン ディスプレイであるメイン パネルがいくつかあります。と呼びましょうmain-display"。

各メニュー項目のハンドラは、メニュー項目がクリックされると関数を実行します。この関数は何でもできます (たとえば、テキストをハイライトしたり、ツールバーを表示したり、ファイルを保存したりします)。必ずしも表示全体を変更する必要はありません。メニュー バーは、FileメニューのEditようなものです。

クリックされる各メニュー項目を処理する ServerHandler を定義する必要があります。

function doGet() {
  var app = UiApp.createApplication();
  var menu = app.createMenuBar();
  var handlerUsers = app.createServerHandler("showUsers");
  var handlerPending = app.createServerHandler("showPending");

  var menuUsers = menu.addItem('Users', handlerUsers).addSeparator().setId('users');
  var menuPending = menu.addItem('Pending Submissions', handlerPending).addSeparator().setId('pending');

  app.add(app.createVerticalPanel().add(menu).add(app.createSimplePanel().setId("main-display")));
  return app;
}

次に、いくつかの機能を持っています

function showUsers() {
  var app = UiApp.getActiveApplication();
  var main = app.getElementById("main-display");
  //do whatever you need to display your main panel
  return app;
}

showPending の同様の関数。

代わりに、さまざまなコンテンツ パネルが必要な場合は、TabPanel の使用を検討してください。これはあなたが探しているもののより多くのように感じます。

于 2013-02-17T23:40:56.033 に答える