码迷,mamicode.com
首页 > 其他好文 > 详细

jeasyUI DataGrid 根据屏幕宽度自适应

时间:2018-08-23 13:03:12      阅读:198      评论:0      收藏:0      [点我收藏+]

标签:手机   easyui   idt   date   pre   span   屏幕宽度   ide   lse   

 

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 根据屏幕宽度自适应

标签:手机   easyui   idt   date   pre   span   屏幕宽度   ide   lse   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!