我想在页面加载时按客户端屏幕大小设置数据网格的大小。有没有办法在页面加载或服务器端的其他页面事件时获得这个大小？
我使用Request.Browser.ScreenPixelsWidth 和Request.Browser.ScreenPixelsHeight，但这些尺寸不正确。这些尺寸始终为 640 * 480。
【问题讨论】：
标签： c# asp.net datagrid client screen
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”的值。
【讨论】：
您可以使用 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()。
将以下代码添加到您的 .aspx 文件中的 head 元素中。
<script type="text/javascript">
$(document).ready(function() {
$("#width").val() = $(window).width();
$("#height").val() = $(window).height();
});
</script>
这将导致浏览器窗口的宽度和高度在回发时可用。只需像这样访问隐藏的表单输入：
var TheBrowserWidth = width.Value;
var TheBrowserHeight = height.Value;
希望对你有帮助....
【讨论】：