JQuery中dataGrid设置行的高度示例代码

 更新时间:2014年01月03日 15:37:57   作者:  
dataGrid 设置行的高度在jquery中如何做到,下面有个不错的教程,感兴趣的朋友可以参考下
复制代码 代码如下:

columns:[[
{field:"activitycontent",title:'活动内容',width:fixWidth(0.18),align:"center",halign:"center",
formatter:function(value,rec){
if(value.indexOf("src")<0){
if(rec.activitycontent.length>Math.ceil(document.documentElement.clientWidth * 0.18)/11.5)
return rec.activitycontent.substring(0,Math.ceil(document.documentElement.clientWidth * 0.18/11.5))+'..';
else
return rec.activitycontent.substring(0,Math.ceil(document.documentElement.clientWidth * 0.18/11.5));
}
}
},
{..}
]]

注意其中几个相同的地方 , activitycontent和0.18 要一样 参数比例11.5 大家可以自己测试调整,我这里用于对汉字取整
如果文字内容大于那个长度 结果为
测试长度8 测试长度74 测试..
否则就是
测试长度8 测试长度74 测试

相关文章

  • jQuery插件开发发送短信倒计时功能代码

    jQuery插件开发发送短信倒计时功能代码

    最近项目开发中遇到这样的功能:1.点击按钮的时候,可以进行倒计时,倒计时自定义.2.当接收短信失败后,倒计时停止,可点击重新发送短信.3.点击的元素支持一般标签和input标签。看似很复杂其实实现代码很简单,下面小编给大家分享下实现代码,需要的朋友参考下吧
    2017-05-05
  • 详解jquery方法属性

    详解jquery方法属性

    这篇文章主要介绍了jquery的方法属性,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2021-11-11
  • jQuery实现带延时功能的水平多级菜单效果【附demo源码下载】

    jQuery实现带延时功能的水平多级菜单效果【附demo源码下载】

    这篇文章主要介绍了jQuery实现带延时功能的水平多级菜单效果,可实现响应鼠标事件延时展示菜单的功能,涉及jQuery结合时间函数动态操作页面元素属性的相关技巧,需要的朋友可以参考下
    2016-09-09
  • jquery实现淡入淡出轮播图效果

    jquery实现淡入淡出轮播图效果

    这篇文章主要为大家详细介绍了jquery实现淡入淡出轮播图效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-12-12
  • jQuery实现轮播图及其原理详解

    jQuery实现轮播图及其原理详解

    这篇文章主要为大家详细介绍了jQuery实现轮播图及其原理,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-08-08
  • jQuery获取选中内容及设置元素属性的方法

    jQuery获取选中内容及设置元素属性的方法

    这篇文章主要介绍了jQuery获取选中内容及设置元素属性的方法,需要的朋友可以参考下
    2014-07-07
  • Jquery技巧(必须掌握)

    Jquery技巧(必须掌握)

    这篇文章主要介绍了Jquery技巧(必须掌握)的相关资料,需要的朋友可以参考下
    2016-03-03
  • jQuery实现可编辑表格并生成json结果(实例代码)

    jQuery实现可编辑表格并生成json结果(实例代码)

    这篇文章主要介绍了 jquery实现可编辑表格并生成json结果,该代码解析和加载功能都用前端js实现,简化了后台代码逻辑,非常不错,具有参考借鉴加载,需要的朋友可以参考下
    2017-07-07
  • javascript右下角弹层及自动隐藏(自己编写)

    javascript右下角弹层及自动隐藏(自己编写)

    需要有个右下角弹层提示公告的,下面分享早些时候自己编写,以及现在还在应用的自动弹层,需要的朋友可以参考下
    2013-11-11
  • jquery控制div下所有连接

    jquery控制div下所有连接

    获取当前连接的连接地址。
    2009-05-05

最新评论