JQuery中dataGrid設(shè)置行的高度示例代碼
更新時間:2014年01月03日 15:37:57 作者:
dataGrid 設(shè)置行的高度在jquery中如何做到,下面有個不錯的教程,感興趣的朋友可以參考下
復(fù)制代碼 代碼如下:
columns:[[
{field:"activitycontent",title:'活動內(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));
}
}
},
{..}
]]
注意其中幾個相同的地方 , activitycontent和0.18 要一樣 參數(shù)比例11.5 大家可以自己測試調(diào)整,我這里用于對漢字取整
如果文字內(nèi)容大于那個長度 結(jié)果為
測試長度8 測試長度74 測試..
否則就是
測試長度8 測試長度74 測試
您可能感興趣的文章:
- 解決3.01版的jquery.form.js中文亂碼問題的解決方法
- Jquery下EasyUI組件中的DataGrid結(jié)果集清空方法
- jQuery中使用data()方法讀取HTML5自定義屬性data-*實例
- 對 jQuery 中 data 方法的誤解分析
- jquery用data方法獲取某個元素上的事件
- bootstrap data與jquery .data
- jquery datatable后臺封裝數(shù)據(jù)示例代碼
- jquery操作HTML5 的data-*的用法實例分享
- jQuery表格插件datatables用法總結(jié)
- jQuery 3.0 的變化及使用方法
- 淺析jQuery 3.0中的Data
相關(guān)文章
jQuery實現(xiàn)帶延時功能的水平多級菜單效果【附demo源碼下載】
這篇文章主要介紹了jQuery實現(xiàn)帶延時功能的水平多級菜單效果,可實現(xiàn)響應(yīng)鼠標(biāo)事件延時展示菜單的功能,涉及jQuery結(jié)合時間函數(shù)動態(tài)操作頁面元素屬性的相關(guān)技巧,需要的朋友可以參考下2016-09-09jQuery獲取選中內(nèi)容及設(shè)置元素屬性的方法
這篇文章主要介紹了jQuery獲取選中內(nèi)容及設(shè)置元素屬性的方法,需要的朋友可以參考下2014-07-07jQuery實現(xiàn)可編輯表格并生成json結(jié)果(實例代碼)
這篇文章主要介紹了 jquery實現(xiàn)可編輯表格并生成json結(jié)果,該代碼解析和加載功能都用前端js實現(xiàn),簡化了后臺代碼邏輯,非常不錯,具有參考借鑒加載,需要的朋友可以參考下2017-07-07