JQuery中dataGrid設(shè)置行的高度示例代碼
更新時(shí)間:2014年01月03日 15:37:57 作者:
dataGrid 設(shè)置行的高度在jquery中如何做到,下面有個(gè)不錯(cuò)的教程,感興趣的朋友可以參考下
復(fù)制代碼 代碼如下:
columns:[[
{field:"activitycontent",title:'活動(dòng)內(nèi)容',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));
}
}
},
{..}
]]
注意其中幾個(gè)相同的地方 , activitycontent和0.18 要一樣 參數(shù)比例11.5 大家可以自己測試調(diào)整,我這里用于對漢字取整
如果文字內(nèi)容大于那個(gè)長度 結(jié)果為
測試長度8 測試長度74 測試..
否則就是
測試長度8 測試長度74 測試
您可能感興趣的文章:
- 解決3.01版的jquery.form.js中文亂碼問題的解決方法
- Jquery下EasyUI組件中的DataGrid結(jié)果集清空方法
- jQuery中使用data()方法讀取HTML5自定義屬性data-*實(shí)例
- 對 jQuery 中 data 方法的誤解分析
- jquery用data方法獲取某個(gè)元素上的事件
- bootstrap data與jquery .data
- jquery datatable后臺封裝數(shù)據(jù)示例代碼
- jquery操作HTML5 的data-*的用法實(shí)例分享
- jQuery表格插件datatables用法總結(jié)
- jQuery 3.0 的變化及使用方法
- 淺析jQuery 3.0中的Data
相關(guān)文章
Jquery實(shí)現(xiàn)自定義tooltip示例代碼
這篇文章主要介紹了Jquery實(shí)現(xiàn)自定義tooltip的方法,需要的朋友可以參考下2014-02-02
EasyUI的treegrid組件動(dòng)態(tài)加載數(shù)據(jù)問題的解決辦法
最近涉及到treegrid組件的查詢,需要根據(jù)查詢條件動(dòng)態(tài)更新EasyUI的treegrid組件的動(dòng)態(tài)加載查詢結(jié)果2011-12-12
基于jquery打造的百分比動(dòng)態(tài)色彩條插件
主要是為了往后的項(xiàng)目中方便實(shí)現(xiàn)這類型的功能,在之前做問卷調(diào)查那個(gè)應(yīng)用中,就用到這個(gè)來顯示結(jié)果,但當(dāng)時(shí)開發(fā)時(shí)并不用是插件的,一大堆代碼,看也煩,用起來很麻煩2012-09-09
JQuery插件Quicksand實(shí)現(xiàn)超炫的動(dòng)畫洗牌效果
Quicksand這是一個(gè)非常不錯(cuò)的 jQuery 插件,用于實(shí)現(xiàn)動(dòng)畫洗牌效果,十分的實(shí)用,有需要的小伙伴可以參考下。2015-05-05

