首页 > 其他 > 详细

jeasyUI DataGrid 根据屏幕宽度自适应

时间:2018-08-23 12:52:04      阅读:184      评论:0      收藏:0      [点我收藏+]

 

PC浏览器的Datagrid可以显示多几列,但是在手机浏览器时,只能有选择性的显示前几列.

           $(window).resize(function () {
                if (document.body.clientWidth <= 414) {
                    $(‘#grid‘).datagrid(‘hideColumn‘, ‘id‘);
                    $(‘#grid‘).datagrid(‘hideColumn‘, ‘prodCode‘);
                    $(‘#grid‘).datagrid(‘hideColumn‘, ‘referee‘);
                    $(‘#grid‘).datagrid(‘hideColumn‘, ‘createDate‘);

                }
                else { 

                    $(‘#grid‘).datagrid(‘showColumn‘, ‘id‘);
                    $(‘#grid‘).datagrid(‘showColumn‘, ‘prodCode‘);
                    $(‘#grid‘).datagrid(‘showColumn‘, ‘referee‘);
                    $(‘#grid‘).datagrid(‘showColumn‘, ‘createDate‘);

                }
            });

 

jeasyUI DataGrid 根据屏幕宽度自适应

原文:https://www.cnblogs.com/zitjubiz/p/9522970.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!