//点击展开的事件
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('<option value="'+param.dataParam.expendData["val"]+'">'+param.dataParam.expendData["name"]+'</option>');}$.each(data,function(i,e){options.push('<option value="'+e[param.dataParam.val]+'">'+e[param.dataParam.name]+'</option>');});$(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){//过滤与默认样式重复的样式类型,保留默认样式startstyle = style.replaceAll("\\s", "").replaceAll(" ", "");//去除所有空格var styleArr = style.split(";");var defaultKeys = ["table-layout","word-break","overflow"];for(var i =0;i<defaultKeys.length;i++){var dfk = defaultKeys[i];if(style.indexOf(dfk)>-1){alert(defaultStyle.indexOf(dfk));styleArr = $.grep(styleArr,function(o,j){if(o.indexOf(dfk)<0){return o;}});}}//过滤与默认样式重复的样式类型,保留默认样式endstyle = defaultStyle + styleArr.join(";");}else{style = defaultStyle;}div.push('<span data-complete="'+data+'" data-simple="'+simpleData+'" style="'+style+'">'+simpleData+'</span>');if(simpleData!= data){div.push('<a class="text-expand" href="javascript:void(0);" οnclick="commonHelper.longStrHelper.expandStr(this);" style="float: right;"><i class="icon-sort-down"></i></a>');}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

总结前端常用控件和疑难杂症的解决方法相关推荐

  1. 【前端】layui日期控件点击一闪而过解决方法

    [前端]layui日期控件点击一闪而过解决方法 参考文章: (1)[前端]layui日期控件点击一闪而过解决方法 (2)https://www.cnblogs.com/nb123/p/12159683 ...

  2. datetimepicker 时间控件 1899年问题以及解决方法

    datetimepicker 时间控件 1899年问题以及解决方法 参考文章: (1)datetimepicker 时间控件 1899年问题以及解决方法 (2)https://www.cnblogs. ...

  3. OCX控件的问题以及解决方法

    不要问我ocx控件是什么,既然用这个大家都知道它是干嘛的,有问题直接解决问题.下面我一个一个列出问题以及解决方法. java方面: 本人不建议使用java去掉用ocx控件,访问里面的方法,而且导致无法 ...

  4. pb自定义控件 事件_Android WebView与下拉刷新控件滑动冲突的解决方法

    使用WebView时一般会在外层使用下拉刷新控件如(SwipeRefreshLayout).但是测试时会发现网页无法上拉,往上滑动就会触发下拉刷新控件的refresh事件.所以这里记录一下解决该问题的 ...

  5. AjaxControlToolkit工具控件之Accordion错误解决方法

    在做AjaxControlToolkit的Demo时,用vs2005新建个ajax网站,将Accordion控件托到页面上,再将AccordPane控件托到<panes></pane ...

  6. IE加载ocx时提示控件不安全的解决方法

    之前编写的ocx控件在ie浏览器加载的时候,会出现一个提示. 这是因为ocx控件有一个ID,而这个ID注册后IE并没有认为它是安全的控件. 我们必须把这个控件注册为安全控件. 新建的mfc Activ ...

  7. win7 64位VC串口控件打不开解决方法

    写了个MSComm的串口通信程序,在没有安装Vc的机器上没有办法运行.需要手动注册控件. 不过手动注册可以写成bat文件来完成.首先是建一个文件夹,64位系统将Windows/SysWOW64(32位 ...

  8. opensuse 13.1 firefox 支付宝安全控件安装失败的解决方法

    首先在文章的最前边,叙述(我的)一个opensuse 13.1系统下firefox浏览器安装支付宝安全控件的可行方法,避免遇到相同问题的筒子们走弯路: 1. 如果你没有安装支付宝安全控件,进入支付宝首 ...

  9. 第一次用.net2.0 LOGIN登陆控件的困惑和解决方法

    1.我们没有真正的服务器,我们只是租用了.net2.0 + SQLserver空间,SQL数据库名是固定的. 2.空间提供商不可能给我们设定数据源或给你aspnetdb数据库权限. 3.我们没有服务器 ...

最新文章

  1. Vim - 编辑多个文件
  2. 2019-06-26 某小型支付公司面试经历
  3. 如何查找两个列表之间的差异?
  4. smartform 中currency 字段的小数点问题
  5. C语言数据结构----递归的应用(斐波拉契数列、汉诺塔、strlen的递归算法)
  6. and or not 优先级_快速划分测试用例优先级
  7. 据悉,深圳某工程师沦为C语言笔试枪手
  8. 变焦什么意思_变焦镜头中的恒定光圈与浮动光圈是什么意思?萌新摄影分享指南!...
  9. 配置python虚拟环境心得
  10. 给妹子讲python-S01E01好用的列表
  11. 这一回,我们聊聊恐惧
  12. 通过Cookie存取用户游览记录的代码示例
  13. HDU3501——欧拉函数裸题
  14. 51nod1160 压缩算法的矩阵——一道有趣的题
  15. 网络克隆安装linux系统下载安装,pxe网刻工具_诚龙网刻教程_网络克隆安装windows7...
  16. 数据权限设计研究-行数据权限
  17. javascript爱心特效
  18. 湘西州2021年高考成绩查询,2021年湘西高考状元名单公布,湘西文理科状元是谁多少分...
  19. 易鲸捷钱库新特性之SQL级别HINT功能初见
  20. Mac SnailSVN不显示状态图标

热门文章

  1. mysql数据库调优知识复习
  2. springMVC前后端各种类型数据绑定
  3. Log4net使用指南[转]
  4. 富文本编辑器中空格转化为a_文本编辑器题解
  5. 微信和简书输入框文本选择手柄小bug
  6. Vue——知识体系总结
  7. r 语言 ggplot上添加平均值_技术贴 | R语言:ggplot堆叠图、冲积图、分组分面、面积图...
  8. parafac 分解_基于PARAFAC分解的大规模MU-MIMO稀疏信道估计
  9. import关键字的使用
  10. php数据库连接重试机制,SpringCloud重试机制配置详解