c# - 按客户端屏幕大小调整网格大小

Question

我想在页面加载时按客户端屏幕大小设置数据网格的大小。有没有办法在服务器端的页面加载或其他页面事件中获得这个大小？

我使用Request.Browser.ScreenPixelsWidth，Request.Browser.ScreenPixelsHeight但这些尺寸是不正确的。这些尺寸始终为 640 * 480。

Answer 1

Request.Browser.ScreenPixelsWidth并且Request.Browser.ScreenPixelsHeight不能在服务器端提供客户端屏幕分辨率。

最好的方法是使用 javascript-

<%if (!this.IsPostBack)
{%>
<script language="javascript" type="text/javascript">
var rowURL = window.location.href;
var screenWidth = window.screen.availWidth;
if (rowURL.indexOf("screen_width") == -1)
window.location.href = window.location.href + "?screen_width=" + screenWidth;
</script>
<%}%>

在页面的“body”标签中使用此脚本。它只是将“screen_width”参数附加到查询字符串并刷新页面。通过这种方式，您可以从查询字符串中获取服务器端的“screen_width”的值。

Answer 2

您可以使用 Javascript 来获取视口的宽度和高度。然后通过隐藏的表单输入或 ajax 将值传回。

var width = $(window).width();
var height = $(window).height();

首先，添加这些隐藏的表单输入来存储宽度和高度，直到回发。

<asp:HiddenField ID="width" runat="server" />
<asp:HiddenField ID="height" runat="server" />

接下来我们要获取窗口（视口）的宽度和高度。JQuery 对此有两种方法，恰当地命名为 width() 和 height()。

将以下代码添加到 head 元素内的 .aspx 文件中。

<script type="text/javascript">
$(document).ready(function() {

    $("#width").val() = $(window).width();
    $("#height").val() = $(window).height();    

});
</script>

这将导致浏览器窗口的宽度和高度在回发时可用。只需像这样访问隐藏的表单输入：

var TheBrowserWidth = width.Value;
var TheBrowserHeight = height.Value;

我希望它可能对你有所帮助......