添加內容到菜單項

Question

我做了一些菜單，但無法弄清楚如何設置這些菜單項的實際頁面內容一旦點擊。乾杯。

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; 
} 

Answer 1

一般來說，你會有一些主面板是你的主要顯示。我們稱之爲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; 
} 

然後有一些功能

爲showPending

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

類似的功能。相反，如果你想要一堆不同的內容面板，可以使用TabPanel進行研究。我覺得這更像是你要找的東西。