ASPxGridView自适应高度设置

匿名 (未验证) 提交于 2019-12-02 23:40:02

页面大小改变,ASPxGridview 高度自动适应,如何操作呢?

废话不多说,直接上代码。

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <%@ Register Assembly="DevExpress.Web.ASPxGridView.v9.3, Version=9.3.4.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a"     Namespace="DevExpress.Web.ASPxGridView" TagPrefix="dx" %> <%@ Register Assembly="DevExpress.Web.ASPxEditors.v9.3, Version=9.3.4.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a"     Namespace="DevExpress.Web.ASPxEditors" TagPrefix="dx" %> <%@ Register Assembly="DevExpress.Web.v9.3, Version=9.3.4.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a"     Namespace="DevExpress.Web.ASPxGlobalEvents" TagPrefix="dx" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1" runat="server">     <title></title>     <style type="text/css">         body, html         {             padding: 0;             margin: 0;         }     </style>     <script type="text/javascript">         function OnInit(s, e) {             AdjustSize();         }         function OnEndCallback(s, e) {             AdjustSize();         }         function OnControlsInitialized(s, e) {             ASPxClientUtils.AttachEventToElement(window, "resize", function (evt) {                 AdjustSize();             });         }         function AdjustSize() {             var height = Math.max(0, document.documentElement.clientHeight);             grid.SetHeight(height);         }     </script> </head> <body style="overflow: hidden">     <form id="form1" runat="server">     <dx:ASPxGridView runat="server" ID="gridView" ClientInstanceName="grid" AutoGenerateColumns="true"         Width="100%" DataSourceID="ds" KeyFieldName="OrderID">         <SettingsPager PageSize="50" />         <Settings ShowVerticalScrollBar="true" VerticalScrollableHeight="0" />         <ClientSideEvents Init="OnInit" EndCallback="OnEndCallback" />     </dx:ASPxGridView>         </form> </body> </html> 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!