zoukankan      html  css  js  c++  java
  • abp 列表和明细页面的规则说明

    0>列表区域mainviewbody

    1>列表头mainviewheader

    名称

    2>列表条件mainviewcodtionbody

    条件区

    3>列表工具栏mainviewtoolbar

    工具栏区

    表格高度

    js中的设置,可单独设置为一个服务,方便所有list页面可通用。

    $(".mainviewbody").height(bodyheight);//整个高
    //$(".mainbody").height(bodyheight - 50);//整个高
    var gridheight = bodyheight - $(".mainviewcodtionbody").outerHeight() - $(".mainviewheader").outerHeight()
    - $(".mainviewtoolbar").outerHeight() - 5;
    vm.gridHeightStyle = {
    'height': gridheight + 'px'
    };

    resize,

    需要使用函数节流和函数防抖

    var w = angular.element($window);
    var timeroutid;
    w.bind('resize', function () {
    if(timeroutid) $timeout.cancel(timeroutid);
    timeroutid = $timeout(function () {

    var mainheight = $('body').height() - ($('.main-header').outerHeight() + $('.main-footer').outerHeight());
    console.warn("old:"+$rootScope.mainheight);
    console.warn("new:"+mainheight);

    if($rootScope.mainheight === mainheight){
    isrun = false;
    return;
    }
    $rootScope.mainheight = mainheight;
    //console.warn(mainheight);

    //vm.setHeight($rootScope.mainheight);
    $scope.$broadcast('wresize', { mheight: $rootScope.mainheight }); //事件通知
    },500);
    });

    编辑页面

    外面的区域panelscrollout

    明细页面可滚动区域 panelscrollin

  • 相关阅读:
    解决Warning: mysql_connect(): Headers and client library minor version mismatch. 警告
    读取微博feed伪代码
    [待续]不为人知的PHP-SPL标准库
    封装pyMysql
    捉“客”记
    实现小程序插件自定义导航栏
    圆形与矩形的碰撞检测--Mr.Ember
    mpvue原理分析
    webpack学习--Mr.Ember
    原型链、继承--Mr.Ember
  • 原文地址:https://www.cnblogs.com/forhell/p/9060354.html
Copyright © 2011-2022 走看看