Как установить ширину и высоту панели в соответствии с разрешением экрана пользователя? - PullRequest
0 голосов
/ 07 июня 2011

У меня есть страница, которая прикреплена к главной странице.На этой странице у меня есть панель обновления, и у меня есть панель asp.net.

Эта панель имеет сетку, которая показывает данные из базы данных.В настоящее время я установил ширину и высоту панели.Поэтому, если разрешение экрана пользователя превышает указанные ширину и высоту, оно оставляет пустые места.

Я хочу этого избежать.Я прочитал, что мы можем использовать JavaScript для получения разрешения экрана пользователя.Я попробовал это на странице, которая не прикреплена к какой-либо мастер-странице, и вызвал эту функцию javascript в теле этой страницы, и она работала нормально.Но я не знаю, как это сделать на странице, прикрепленной к главной странице.Код, который использовался:

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>

    <script language="javascript" type="text/javascript">
    function getWidth(width)
    {
        document.getElementById('Panel1').style.width = width+'px';
    }
</script>
</head>
<body onload="javascript:getWidth(screen.width)">
    <form id="form1" runat="server">
    <div>
        <asp:Panel ID="Panel1" runat="server" BorderStyle="Dotted" Height="50px" Width="125px" ScrollBars="Horizontal">
            </asp:Panel>

    </div>
    </form>
</body>
</html>

1 Ответ

0 голосов
/ 25 июня 2013
<script language="javascript" type="text/javascript">

    var prm = Sys.WebForms.PageRequestManager.getInstance();

    function BeginRequestHandler(sender, args) {
    }

    function EndRequestHandler(sender, args) {
       getWidth(screen.width)
    }

    prm.add_beginRequest(BeginRequestHandler);
    prm.add_endRequest(EndRequestHandler);

    function getWidth(width)
    {

        $get('<%=Panel1.ClientID%>').style.width  = width+'px';

    }

</script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...