午夜三级,97在线观,国产精品xxX在线

jQuery EasyUI使用教程：根據條件更換數據網格行背景顏色

原創|使用教程|編輯：龔雪|2016-03-31 09:09:23.000|閱讀 912 次

概述：本教程將為大家介紹在某些條件下如何更改數據網格組件的行樣式。

本教程將為大家介紹在某些條件下如何更改數據網格組件的行樣式。當listprice值大于50時，我們將為該行設置不同的顏色。

數據網格的rowStyler函數允許您可以自定義行樣式，下面的代碼演示了如何更改行樣式：

<table id="tt" title="DataGrid" style="width:600px;height:250px"
url="data/datagrid_data.json"
singleSelect="true" fitColumns="true">
<thead>
<tr>
<th field="itemid" width="80">Item ID</th>
<th field="productid" width="80">Product ID</th>
<th field="listprice" width="80" align="right">List Price</th>
<th field="unitcost" width="80" align="right">Unit Cost</th>
<th field="attr1" width="150">Attribute</th>
<th field="status" width="60" align="center">Stauts</th>
</tr>
</thead>
</table>

$('#tt').datagrid({
rowStyler:function(index,row){
if (row.listprice>50){
return 'background-color:pink;color:blue;font-weight:bold;';
}
}
});

正如您所看到的，我們根據一些條件設置background-color為pink（粉紅色），設置文本顏色為blue（藍色）。

下載EasyUI示例：

購買jQuery EasyUI最新正版授權！詳情請""

標簽：HTML5 jQuery UI界面 HTML5/JS

本站文章除注明轉載外，均為本站原創或翻譯。歡迎任何形式的轉載，但請務必注明出處、不得修改原文相關鏈接，如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn

文章轉載自：慧都控件網

上一篇：圖文詳解！DevExpress XtraScheduler日程管理控件應用實例（2）-- 深入理解數據存儲下一篇：MyEclipse中文教程四：安裝SVN插件

相關產品

控件

產品功能：UI界面

源碼：非開源

產品編號：13352

當前版本：v1.10.18 [銷售以商家最新版為準，如需其他版本，請來電咨詢]

開發商： jQuery EasyUI

正式授權

">jQuery EasyUI

基于jQuery且支持HTML5的用戶界面框架

最新文章 MORE

金喜正規買球相關的文章 MORE

欧美日韩亚-欧美日韩亚州在线-欧美日韩亚洲-欧美日韩亚洲第一区-欧美日韩亚洲二区在线-欧美日韩亚洲高清精品

金喜正规买球

在線采購

中文文檔庫

試用/Demo下載

開發社群

jQuery EasyUI使用教程：根據條件更換數據網格行背景顏色

購買jQuery EasyUI最新正版授權！詳情請""

用科技創就卓越

Create excellence with technology

欧美日韩亚-欧美日韩亚州在线-欧美日韩亚洲-欧美日韩亚洲第一区-欧美日韩亚洲二区在线-欧美日韩亚洲高清精品

金喜正规买球

在線采購

中文文檔庫

試用/Demo下載

開發社群

jQuery EasyUI使用教程：根據條件更換數據網格行背景顏色

購買jQuery EasyUI最新正版授權！詳情請""

為你推薦

用科技創就卓越

Create excellence with technology