宝哥软件园

初学Jquery插件制作在SageCRM的查询屏幕隐藏部分行的功能

编辑:宝哥软件园 来源:互联网 时间:2021-10-11

解决思路:1、 在标题处增加一个【—】【 】号,供用户点击。 2、 用户收缩和展开屏幕的行为保存在饼干里面。页面重新加载或者用户重新登录系统,仍然能记住用户的行为。优点:1、使用Jquery插件的形式来做,容易扩展。容易实现。 2、 保存在饼干的行为,容易实现,减少工作量,用户也能接收。如保存在数据库,则增加页面的负载。缺点:不能每个页面使用单独行为,既是:每次用户的收缩和扩展在系统都是全局的。并且到其他计算机登录、或者清除缓存之后,就不能记住用户的操作了。首先使用射流研究…函数的方式实现。然后改成Jquery插件:代码复制代码代码如下: /* * TableToggle 0.1 *版权所有2011年诺维斯李http://www.cnblogs.com/novus *日期: 2011-12-23 *在SageCRM的查询屏幕隐藏部分行的功能*/(函数($){ $.fn.TableToggle=函数(选项){ var defaults={ plus src : '/upload/201111226224658296。gif ',///-[]号图片mins src : '/上传/201112/20111226224658809。gif ',第:行2 } var选项=美元.扩展(默认值、选项);var flip=0,I=0;这个。每个(function(){ var $ thisTable=$(this);var claName=' btntoggle ' I;//- 所在表格的上方增加图片按钮var $Title=$thisTable.parent().父项()。父项()。查找(' td .pane reade ');$标题。prepend(' a href=' JavaScript : void(0);class=' claName ' ' style='光标指针:填充-右:10 pximg style=' border:0pxsrc='选项。分钟src ' '/a ');var trlen=$ Tistable。查找(' tr ').长度;选项。line=(选项。line trlen?trlen :选项。行);$标题。find(' a '。claName ).单击(function(){ $ thistable。查找(' tr : gt('选项。行')').切换(翻转);if(flip % 2==0){ $ title。find(' img[src *='小加号']').attr('src ',选项。分钟src);$.cookie(claName,' plus ');} else { $ title。find(' img[src *=' small nexus ']')。attr('src ',选项。加上src);$.饼干(claName,smallne减');} });if ($ .cookie(claName)='小链接' | | $ .cookie(ClaName)=' ' | | $ .cookie(claName)==null){ $(' a ' . claName).单击();}我;});};})(jQuery);插件还调用了一个jquery的饼干插件。调用的方法:复制代码代码如下:脚本类型=' text/JavaScript ' src=' http :/scripts/jquery。js '/script脚本类型=' text/JavaScript ' src=' http :/脚本/cookie。js/script脚本类型=' text/JavaScript ' src=' http :/scripts/toggleblock。js/'脚本脚本类型='text/javascript '!- $(function(){ $('table .CONTENT:eq(0)').TableToggle(2);})////脚本效果如图:收缩

展开

PS: SageCRM是什么只支持IE7、IE8的。所以这里的插件并没有测试浏览器兼容性。

更多资讯
游戏推荐
更多+