网格

Question

这里是格如下：

if (responseJSON) { 
    showObjects(['anTable']); 
    showObjects(['dist']); 
    $('gridtab').innerHTML = ''; 
    var wordStructure = [{ 
     field: 'alpha', 
     name: 'Alpa Dictionary', 
     width: '200px' 
    }, { 
     field: 'numbers', 
     name: 'Number Format', 
     width: '200px' 
    }, { 
     field: 'words', 
     name: 'Normal words', 
     width: '200px' 
    }]; 
    var wordStore = []; 
} 

下面是HTML表，如下所示，其是将被显示为弹出与上面的网格：

<table cellpadding='15' cellspacing='15' id="dist" style="display: none; width:auto"> 
    <tr> 
    <td> 
     <div id="gridtab" style="width: 400%; font-size: 11pt; font-family: arial; border: 1px solid #fff; padding: 5px;"></div> 
    </td> 
    </tr> 
    <tr> 
    <td> 
     <center> 
     <button dojoType="dijit.form.Button" preventCache='true' useCache='false' cacheContent='false' onclick="getSelectedNormalWords();">Ok</button> 
     <button dojoType="dijit.form.Button" preventCache='true' useCache='false' cacheContent='false'>Cancel</button> 
     </center> 
    </td> 
    </tr> 
</table> 

showOjects(['dist'])只是显示带有表格的网格，但我想将其显示为弹出式窗口。

function showObjects(objArray) { 
    for (var i = 0; i < objArray.length; i++) { 
     $(objArray[i]).style.display = 'block'; 
    } 
} 

Answer 1

假设您实际上并不需要打开新窗口，那么可以使用Dijit Dialog。基本的想法是创建一个对话框并将对话框的内容设置为您的内容。假设你正在使用的Dojo一个合理的现代版，这可能看起来像（这个代码是未经测试）：

function showTable(tableId) { 
    // You wouldn't normally do a `require` in a handler function like 
    // this, but it should work in this case 
    require([ 'dijit/Dialog' ], function (Dialog) { 
     // Pull the table out of the DOM 
     var table = document.getElementById('dist'); 
     table.parentNode.removeChild(table); 

     // Set the table's display style to block so it will be visible 
     // when it's re-inserted into the DOM 
     table.style.display = 'block'; 

     // Create and show a new Dialog with the table as it's content 
     var dlg = new Dialog({ content: table }); 
     dlg.show(); 
    }); 
} 

Answer 2

你可以看看到下面的链接，在第二个例子中，他们已经把里面的表一个对话框和点击他们正在显示对话框作为里面的表。

https://dojotoolkit.org/reference-guide/1.8/dijit/Dialog.html