javascript代码实例教程-Flexigrid去掉列选择

发布时间:2019-04-12 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-Flexigrid去掉列选择脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

Flexigrid中会出现列选择的小黑箭头,有时挺讨厌,想去掉。发现没有控制的地方,于是自己加。

flexigrid.js中增加

在定义中增加


[javascript]
p = $.extend({ //apply default PRoPErties  
            height: 200, //default height  
            width: 'auto', //auto width  
            striped: true, //apply odd even stripes  
            novstripe: false, 
            minwidth: 30, //min width of columns  
            minheight: 80, //min height of columns  
            resizable: true, //allow table resizing  
            url: false, //URL if using data From AJAX  
            dwrAction:function(){}, 
            method: 'POST', //data sending method  
            dataType: 'XMl', //type of data for AJAX, eITher xML or json  
            errormsg: 'Connection Error', 
            usepager: false, 
            nowrap: true, 
            page: 1, //current page  
            total: 1, //total pages  
            useRp: true, //use the results per page select box  
            rp: 15, //results per page  
            rpOptions: [10, 15, 20, 30, 50], //Allowed per-page values   
            title: false, 
            pagestat: 'Displaying {from} to {to} of {total} items', 
            pagetext: 'Page', 
            outof: 'of', 
            findtext: 'Find', 
            proCMSg: 'Processing, please wait ...', 
            query: '', 
            qtype: '', 
            isColSel:true,//增加控制项 add by danielinbiti  
            nomsg: 'No items', 

p = $.extend({ //apply default properties
   height: 200, //default height
   width: 'auto', //auto width
   striped: true, //apply odd even stripes
   novstripe: false,
   ;minwidth: 30, //min width of columns
   minheight: 80, //min height of columns
   resizable: true, //allow table resizing
   url: false, //URL if using data from AJAX
   dwrAction:function(){},
   method: 'POST', //data sending method
   dataType: 'xml', //type of data for AJAX, either xml or json
   errormsg: 'Connection Error',
   usepager: false,
   nowrap: true,
   page: 1, //current page
   total: 1, //total pages
   useRp: true, //use the results per page select box
   rp: 15, //results per page
   rpOptions: [10, 15, 20, 30, 50], //allowed per-page values
   title: false,
   pagestat: 'Displaying {from} to {to} of {total} items',
   pagetext: 'Page',
   outof: 'of',
   findtext: 'Find',
   procmsg: 'Processing, please wait ...',
   query: '',
   qtype: '',
   isColSel:true,//增加控制项 add by danielinbiti
   nomsg: 'No items',
内容中把如下改成下面的样子[javascript] view plaincopyprint?$(g.nBTn).css({   
                            'left': nl, 
                            top: g.hDiv.offsetTop 
                        }).show(); 

$(g.nBtn).css({ 
       'left': nl,
       top: g.hDiv.offsetTop
      }).show();

[javascript]
if(p.isColSel){//增加的行  
                        $(g.nBtn).css({   
                            'left': nl, 
                            top: g.hDiv.offsetTop 
                        }).show(); 
                  } 

if(p.isColSel){//增加的行
      $(g.nBtn).css({ 
       'left': nl,
       top: g.hDiv.offsetTop
      }).show();
      }

 

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-Flexigrid去掉列选择全部内容,希望文章能够帮你解决javascript代码实例教程-Flexigrid去掉列选择所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。