javascript - 面板内表格的优势

标签 javascript css asp.net gridview xmltable

我见过很多人将表格放在像这样的面板内。这样做有什么好处?

是针对单独出现在面板上的垂直滚动条吗?

例如:

    <asp:Panel SACID="id1" runat="server" ScrollBars="Vertical" Width="750px" Height="150">

    <asp:GridView  Width="750" Height="150" ID="empiMemberHcidGridView"
                                runat="server" AutoGenerateColumns="False" ShowHeader="false" RowStyle-HorizontalAlign="Center"
                                BorderStyle="None" BorderWidth="0" >
                                <Columns>
                                    <asp:TemplateField ItemStyle-Width="155px" HeaderText="Member Id">
                                        <ItemTemplate>
                                            <asp:Label ID="memberIdLabel" Text='<%# Bind("MemberId") %>' runat="server"></asp:Label>
                                        </ItemTemplate>
                                        <ItemStyle HorizontalAlign="Left" Width="155px" Wrap="False"></ItemStyle>
                                    </asp:TemplateField>
                                    <asp:TemplateField ItemStyle-Width="155px" HeaderText="Type">
                                        <ItemTemplate>
                                            <asp:Label ID="typeLabel" Text='<%# Bind("InterfaceType") %>' runat="server"></asp:Label>
                                        </ItemTemplate>
                                        <ItemStyle HorizontalAlign="Left" Width="155px" Wrap="False"></ItemStyle>
                                    </asp:TemplateField>   
  </asp:GridView>         
</asp:Panel>

最佳答案

IMO,将网格放入 ASP.NET 面板的原因很少

  1. 滚动支持(水平和垂直)- 因此您的表格可以很宽和/或很长,但仍然占用页面上的有限区域
  2. 有一些默认按钮(参见 default button property )
  3. 用于在 java 脚本端进行操作 - 例如,您想在模态弹出窗口中显示它,而您的 js 库需要弹出元素为 div。或者假设您进行 AJAX 服务调用以获取更新表内容并通过替换 div 的 innerHtml 等快速刷新。

关于javascript - 面板内表格的优势,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7006757/

相关文章:

javascript - 禁用数据表js中的最后一列排序

c# - 插入语句后从 SQL 数据库中检索自动增量 ID

asp.net - 处理可变数量的表单域

html - 并排div及其高度有一些问题

javascript - 如何让LI innerText有缩进

c# - System.Convert 不包含 "toString"的定义

javascript - Angular 2 - 如何将 id 属性设置为动态加载的组件

javascript - 现在使用中的这段代码是什么意思?

javascript - 如何从特定的 div 中取消呈现/分离/删除 ZingChart 库?

html - 如何使用嵌套的 flexbox 将 2 个 div 与 <li> 中的动态内容垂直对齐