博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
总结前端常用控件和疑难杂症的解决方法
阅读量:5136 次
发布时间:2019-06-13

本文共 4901 字,大约阅读时间需要 16 分钟。

//点击展开的事件function expandMoreStr(v) {    var str="";    if ($(v).find('i').hasClass('icon-sort-up')) {        $(v).find('i').attr('class', 'icon-sort-down');        str = $(v).prev().attr('data-simple');        $(v).prev().html(str);    } else {        $(v).find('i').attr('class', 'icon-sort-up');        $(v).prev().attr('class', 'text-no-ellipsis');        str = $(v).prev().attr('data-complete');        $(v).prev().html(str);    }}var commonHelper = {        selectPickerHelp:{            //selectPicker控件的使用            init:function(docId,tip){                //进入页面,首先初始化控件                docId = "#"+docId;                $(docId).selectpicker({noneSelectedText:tip});            },            building:function(param){                //初始化控件的数据                var docId = "#"+param.docId;                if(null != param.size && "undefined" != param.size && "" != $.trim(param.size)){                    $(docId).attr("data-size",param.size);                }                if(null != param.multiple && "undefined" != param.multiple && "" != $.trim(param.multiple)){                    $(docId).attr("multiple",param.multiple);                }                if(null != param.width && "undefined" != param.width && "" != $.trim(param.width)){                    $(docId).attr("data-width",param.width);                }                if(null != param.style && "undefined" != param.style && "" != $.trim(param.style)){                    $(docId).attr("data-style",param.style);                }                var options = [];                var data = param.dataParam.data;                if(null != param.dataParam.expendData){                    options.push('');                }                $.each(data,function(i,e){                    options.push('');                });                $(docId).prepend(options.join(''));                if(null != param.defaultVal && "" != $.trim(param.defaultVal)&&"undefined"!=param.defaultVal){                    if($(docId).attr("multiple") == "multiple"){                        var selections = param.defaultVal.split(",");                        $(docId).selectpicker('val',selections);                    }else{                        $(docId).selectpicker('val',param.defaultVal);                    }                }                $(docId).selectpicker('refresh');            },            readValue:function(docId){                var docId = "#"+docId;                if($(docId).attr("multiple") == "multiple"){                    return $(docId).val().join(",");                }else{                    return $(docId).val();                }                            }    },    longStrHelper:{            simplifyStr:function(data,max,style){                //字符串串收起展示                var div = [];                var simpleData = data;                if(null == data){                    return "";                }                if(data.length>max){                    simpleData=data.substring(0,max)+"... ...";                }                var defaultStyle = "table-layout:fixed;word-break:break-all;overflow:hidden;";                if( null != style && "undefined" != style){                    //过滤与默认样式重复的样式类型,保留默认样式start                    style = style.replaceAll("\\s", "").replaceAll(" ", "");//去除所有空格                    var styleArr = style.split(";");                    var defaultKeys = ["table-layout","word-break","overflow"];                    for(var i =0;i
-1){ alert(defaultStyle.indexOf(dfk)); styleArr = $.grep(styleArr,function(o,j){ if(o.indexOf(dfk)<0){ return o; } }); } } //过滤与默认样式重复的样式类型,保留默认样式end style = defaultStyle + styleArr.join(";"); }else{ style = defaultStyle; } div.push('
'+simpleData+''); if(simpleData!= data){ div.push('
'); } return div.join(''); }, expandStr:function(v){ //展开或收起长字符串 var str=""; if ($(v).find('i').hasClass('icon-sort-up')) { $(v).find('i').attr('class', 'icon-sort-down'); str = $(v).prev().attr('data-simple'); $(v).prev().html(str); } else { $(v).find('i').attr('class', 'icon-sort-up'); $(v).prev().attr('class', 'text-no-ellipsis'); str = $(v).prev().attr('data-complete'); $(v).prev().html(str); } } } }

 

转载于:https://www.cnblogs.com/huhuiliang/p/5219812.html

你可能感兴趣的文章
iTunes Connect 开发者上手经验(转)
查看>>
vertical-align你为什么不生效
查看>>
C++ 实践总结
查看>>
composer 国内镜像配置
查看>>
软件是天时、地利、人和的产物!
查看>>
python定时清空本目录下除本脚本外的全部文件
查看>>
【PHP】在目标字符串指定位置插入字符串
查看>>
【JS】jQuery设置定时器,访问服务器(PHP示例)配合微信、支付宝原生支付,跳转web网页...
查看>>
实验四2
查看>>
VS2012+Win7网站发布详细步骤
查看>>
Android现学现用第十一天
查看>>
Bin Packing 装箱问题——NPH问题的暴力枚举 状压DP
查看>>
多路复用
查看>>
python 列表
查看>>
Python数据可视化之Pygal(雷达图)
查看>>
当前主流读取Excel技术对比
查看>>
js-格式化数字保留两位小数-带千分符
查看>>
【Java】forward & redirect 的差异
查看>>
Java学习笔记--字符串和文件IO
查看>>
【BZOJ1951】古代猪文(CRT,卢卡斯定理)
查看>>