如何在Java脚本弹出窗口中显示表格格式的数据

本文关键字：显示 表格 格式 数据 窗口 Java 脚本 | 更新日期: 2023-09-27 18:13:20

如何在java脚本弹出窗口中显示表格格式的数据。可以在Java脚本弹出框中显示表格格式的数据。在asp.net中使用c#语言。

如何在Java脚本弹出窗口中显示表格格式的数据

不能在常规JS警告框中显示格式化的表。警告功能会打开一个不显示HTML的OS' web浏览器愤慨窗口。

你的选择是使用任何可用的模态对话框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();
  });

有一个扩展器你可以这样使用:

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

无论你在面板中输入什么，它都会弹出

相关文章：