0

我正在尝试创建一个对话框，其中包含一个复选框、一个用户名和一个角色组合框，只有在选中该复选框时才会启用该角色。我在 jsp 页面上运行了基本代码，但是如何让它在对话框中工作？所有组件都使用 google 闭包呈现。

我的.js文件

function combox ()
    {
    goog.events.listen((goog.dom.getElement('switch')), goog.events.EventType.CLICK,
            function(e) {
            var request = new goog.net.XhrIo();
            var cb = new Array();
       goog.events.listen(request, "complete", function(e){
        var xhr = /** @type {goog.net.XhrIo} */ (e.target);
        res = xhr.getResponseJson();
        var mycount = count(res.myrole);
        var content = new Array();
            var userlist = new Array();
            for(var k=0;k<mycount;k++)
            {
                content[k] = res.myrole[k].role;
            }
            var mycount1 = count(res.myusers);
            for(var l=0;l<mycount;l++)
            {
                userlist[l] = res.myusers[l].user;
            }
            var child = new Array();
            var container = goog.dom.getElement('c'); 
            for(var m=0;m<userlist.length;m++)
            {
              child[m] = goog.dom.createDom('div',{'id':'user'+(m+1)},userlist[m]);
              cb[m] = new goog.ui.ComboBox();
              cb[m].setUseDropdownArrow(true);
            for(var n=0;n<content.length;n++)
            {
              cb[m].addItem(new goog.ui.ComboBoxItem(content[n]));;
            }
            cb[m].render();
            goog.dom.append(container, child[m]);
    });
    });
}
function count(obj) {
   var count=0;
   for(var user in obj) {
      if (obj.hasOwnProperty(user)) {
         ++count;
      }
   }
   return count;
}

我从我的 servlet 中得到了正确的响应，但我希望这些组件出现在一个对话框中（即，从我的 servlet 中检索到的每个用户的复选框、用户名和一个组合框。）

4

1 回答 1

2

您应该考虑使用 goog.ui.Dialog - http://docs.closure-library.googlecode.com/git/class_goog_ui_Dialog.html

这是一个如何使用的演示：http ://closure-library.googlecode.com/git/closure/goog/demos/dialog.html

在实例化一个之后，您将使用该setContent方法将您的表单作为对话框的内容 html。

您还可以扩展 goog.ui.editor.AbstractDialog 类 ( http://docs.closure-library.googlecode.com/git/class_goog_ui_editor_AbstractDialog.html )，这有助于管理对 goog.ui.Dialog 的内部引用，而不是直接创建一个并给出方便hide和show方法。

__

作为旁注，使用 " " 语法通常被视为 Javascript 中的反模式，new Array()而不是var userList = [];出于此处和其他地方指定的原因。

于 2013-09-09T18:33:54.997 回答