如何在Java腳本彈出窗口中顯示表格格式的數據

Question

嗨，如何在Java腳本彈出窗口中顯示表格格式的數據。 可以在Java腳本彈出窗口中顯示表格式的數據。 使用C＃語言在asp.net中。

Answer 1

您不能在常規JS警報框中顯示格式化的表。 警報功能會打開一個OS \\ Web瀏覽器憤慨窗口，該窗口不會顯示HTML。

您可以選擇使用任何可用的模式對話框JS插件，讓您創建類似的內容。

這是一個使用jQuery的模式對話框和一個表的示例 ： JS FIDDLE示例

的HTML：

<div id="dialog" title="Basic dialog">
  <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
    <table border="1">
        <tr><td>hello</td><td>hello</td><td>hello</td></tr>
        <tr><td>hello</td><td>hello</td><td>hello</td></tr>
        <tr><td>hello</td><td>hello</td><td>hello</td></tr>
        <tr><td>hello</td><td>hello</td><td>hello</td></tr>
        <tr><td>hello</td><td>hello</td><td>hello</td></tr>
    </table>
</div>

JS：

 $(function() {
    $( "#dialog" ).dialog();
  });

Answer 2

有一個擴展器 ，您可以像這樣使用它：

<asp:Panel runat="server" ID="Panel1">
        Hello World!
</asp:Panel>

<ajaxToolkit:ModalPopupExtender ID="MPE" runat="server"
    TargetControlID="LinkButton1"
    PopupControlID="Panel1"
    DropShadow="true" 
    OkControlID="OkButton" 
    CancelControlID="CancelButton" 
    PopupDragHandleControlID="Panel3" >
        <Animations>
            <OnShowing> ..  </OnShowing>
            <OnShown>   ..  </OnShown>    
            <OnHiding>  ..  </OnHiding>            
            <OnHidden>  ..  </OnHidden>            
        </Animations>
    </ajaxToolkit:ModalPopupExtender>

您在該面板中輸入的內容都會彈出。