FineUI 官方论坛

标题: Grid页行数自适应 [打印本页]

作者: 秋收 时间: 2013-6-19 13:59
标题: Grid页行数自适应
Grid页行数自适应

基本思路：
在页面加载完成后通过客户端脚本取得Grid高度，并加传给后台服务端，
服务端收到Grid高度后计算Grid页行数，最后再绑定数据。

基本代码示例如下：
.ASPX中客户端脚本代码
<script>
      // 页面第一个加载完毕后执行的函数
      function onReady() {
         var panel = X('<%= Grid1.ClientID %>');
         var InnerHeight = panel.getInnerHeight();
         __doPostBack('InnerHeight', InnerHeight);
      }
</script>

.CS中服务端代码
      protected void Page_Load(object sender, EventArgs e)
      {
         if (!IsPostBack)
         {
                     .....................................................................
         }
         else
         {
            string eventTarget = (this.Request["__EVENTTARGET"] == null) ? string.Empty : this.Request["__EVENTTARGET"];
            string eventArgument = (this.Request["__EVENTARGUMENT"] == null) ? string.Empty : this.Request["__EVENTARGUMENT"];
            if (eventTarget == "InnerHeight")
            {
                  int PageROW = Convert.ToInt32(eventArgument);
                  PageROW = (PageROW - 48) / 20;//根据Grid高度计算Grid页行数
                  Grid1.PageSize = PageROW;
                  Bind_Grid1;//链接数据库，绑定Grid1
            }
         }
      }

作者: 舞柯庶 时间: 2013-6-25 16:13
屏幕分辨率的高： window.screen.height
屏幕分辨率的宽： window.screen.width

这个如何在FineUI中获取呢？？？？

作者: 秋收 时间: 2013-6-25 17:35
var InnerHeight = document.body.clientHeight;// panel.getInnerHeight();

作者: 水木山人 时间: 2014-1-16 09:51
Mark一下～～

欢迎光临 FineUI 官方论坛 (https://fineui.com/bbs/)