JQuery中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 测试

时间: 2024-09-20 19:52:33

JQuery中dataGrid设置行的高度示例代码_jquery的相关文章

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

 dataGrid 设置行的高度在jquery中如何做到,下面有个不错的教程,感兴趣的朋友可以参考下  代码如下: columns:[[  {field:"activitycontent",title:'活动内容',width:fixWidth(0.18),align:"center",halign:"center",  formatter:function(value,rec){  if(value.indexOf("src"

JQuery获取或设置ckeditor的数据(示例代码)_jquery

从CKEditor取数据时, 复制代码 代码如下: var data_tc = CKEDITOR.instances['txt_editor_tc'].getData(); 向CKEditor设置数据时, 复制代码 代码如下: CKEDITOR.instances['txt_editor_sc'].setData('test'); 这两句代码是在JQuery或者JS时获取CKEditor或设置CKEditor数据时用的.

实现easyui的datagrid导出为excel的示例代码_jquery

之前有介绍过如何实现easyui里datagrid内容的打印,今天给大家介绍下如何实现datagrid内容导出为excel文件.以下为代码实现: export.js function ChangeToTable(printDatagrid) { var tableString = '<table cellspacing="0" class="pb">'; var frozenColumns = printDatagrid.datagrid("o

Jqgrid设置全选(选择)及获取选择行的值示例代码_jquery

1.添加multiselect: true 2.获取选择行的值 复制代码 代码如下: var rowData = jQuery('#List').jqGrid('getGridParam','selarrrow');    if(rowData.length)     {        for(var i=0;i<rowData.length;i++)        {           var name= jQuery('#List').jqGrid('getCell',rowData[i]

JQuery在页面中添加和除移DOM示例代码_jquery

1.before():将新节点添加到前面 2.after():将节点添加到低部 3.prepend():把节点变成第一个节点 4.append():把新节点添加到末端,与appendTo()效果相同,只是语法上有差异 5.remove():除移节点 示例: 复制代码 代码如下: <ul> <li class="vacation"> <h2>Hawaiian Vac</h2> <button>Get Price</butt

jquery取消选择select下拉框示例代码_jquery

有三个select下拉框一个大类,两个小类隐藏,需要在选择大类的时候,小类显示同时清除另外的小类选择的项这需求有点儿.......... 下面是三个select: 复制代码 代码如下: <select name="pWaqqqy" id="sel_type" onchange="selectFunction()">        <option value="">全部</option>   

Jquery在指定DIV加载HTML示例代码_jquery

首先引入Jquery 复制代码 代码如下: <script src="js/jquery.js"></script> 在页面加入JS 复制代码 代码如下: <script> $(function(){ $("div#top_sidebar").load("top_sidebar.html"); }) </script> #top_sidebar 为指定DIV的ID

jQuery中的height innerHeight outerHeight区别示例介绍_jquery

标准浏览器下: height:高度 innerHeight:高度+补白 outerHeight:高度+补白+边框,参数为true时:高度+补白+边框+边距 html代码: 复制代码 代码如下: <div class="width: 150px;height:20px;float: left;border: 2px solid red;margin: 10px;margin: 10px;padding: 10px;" id="test">jjjjj<

jquery select 设置默认选中的示例代码_jquery

代码如下: 其中<%=selectedvalue %>为从后台获取的值 $(document).ready(function(){   $("#seltype").attr("value",parseInt('<%=selectedvalue %>')); })