ext修改行顏色,隔行顏色沒變解決方案
在ext修改行顏色的過程中,發現奇數行的換顏色了,偶數行沒換顏色,後來查文件,發下:
隔行換色 True實現隔行換顏色的效果。(預設為true)
通過把樣式x-grid-row-alt
交替新增到grid行,實現隔行換色效果。
預設的CSS規則是設定背景顏色,但是你可以改變這個規則, 覆蓋background-color樣式使用!important
調節器,
或使用CSS選擇較高的特異性。
原來定義的class樣式,沒加!important這個修飾,加上就好了
如下:
<style type="text/css">.x-grid-record-yellow td {
background-color: rgb(255,255,118) !important;
}
.x-grid-record-purple td {
background-color: red !important;
}
.x-grid-record-orange td {
background-color: rgb(255,187,0) !important;
}
</style>
Ext.define('bjgl.AlarmGrid', {
extend: 'Ext.grid.Panel',
required: ['bjgl.AlarmModel'],
title: '資訊列表',
//structId: 0,
contextPath: '',
getApplySetInfoParams: {},
storeAutoLoad: false,
hideActionColumn: false,
storeUrl: '/test.action',
viewConfig: {
getRowClass: function(record, rowIndex, rowParams, stroe) {
var val = record.get('confAlarmFlag');
if (val == '1') {
return 'x-grid-record-yellow';
}
else if (val == '2') {
return 'x-grid-record-orange';
}
else if (val == '3') {
return 'x-grid-record-purple';
}
return '';
}
},
相關推薦
ext修改行顏色,隔行顏色沒變解決方案
在ext修改行顏色的過程中,發現奇數行的換顏色了,偶數行沒換顏色,後來查文件,發下: 隔行換色 True實現隔行換顏色的效果。(預設為true) 通過把樣式x-grid-row-alt交替新增到grid行,實現隔行換色效果。 預設的CSS規則是設定背景顏色,但
ctrl+Enter 快速填充相同數據,隔行
ges ctrl 填充 相同 都是 空值 兩個 二維 gpo 如何快速實現下圖兩個圖的填充值效果? ==》效果 1、 選擇A列,或者所需要填充的範圍 2、Ctrl+G 定位 選擇 空值 在編輯欄中輸入=A1, 再按CTRL+Enter完成填充
Android開發:通過樣式修改SeekBar背景顏色,進度條顏色,滑塊圖片
通過樣式style修改 seekBar 的 背景、進度、遊標等圖片。 佈局檔案: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.and
操作gridview,選中行時改變背景色且checkbox被選中,隔行變色,全選變色
css:<style type="text/css"> .checked { background: #c0c0ff; } .odd { background: #72FE95; } .even { background: #B8E2E
修改UGUI RawImage形狀(在一個rawimage上顯示N個顏色,兩兩顏色之間有過度)
效果圖: 將程式碼繼承Graphic,然後重寫OnPopulateMesh方法即可,具體程式碼如下: using System.Collections; using System.Collections.Generic; using UnityEngin
Spring Boot 中直接操作 hbase 修改賬戶餘額,實現行級鎖(類似於版本號控制)
應用場景近期開發中遇到 直接修改hbase資料 ,用Phoenix 查詢出來的資料 型別不一致的 問題。因修改的是使用者的賬戶餘額,涉及到錢的問題都不是小問題。初次想法使用tephra事務,但官網說目前還是 Beta版本的,感興趣的可以研究研究。所以考慮直接操作hbase資
jQuery動態行綁定事件,發生重復綁定解決方案
jquery 事件綁定 重復執行 多次執行背景:系統需要動態增加分類,各分類下有各自的3項資金(有資金小計,問題就出在這裏)。問題:新增一條分類,需要給3項資金新綁定小計功能。這個時候會發現,初始第一行的計算,會調用兩次,增加到三行的時候,第一行會重復計算三次,第二行會重復計算兩次...以此類推為什麽會執行多
考慮以下 Python 代碼,如果運行結束,命令行中的運行結果是什麽?
代碼 拷貝 nbsp 操作 淺拷貝 列表 round div span 1 1. l = [] 2 2. for i in xrange(10): 3 3. l.append({‘num’:i}) 4 4. print l 1 1. l = [] 2 2. a
MATLAB:多行程式碼,多行註釋的方法
A. %{ 若干語句 %} B. 多行註釋: 選中要註釋的若干語句, 編輯器選單Text->Comment, 或者快捷鍵Ctrl+R 取消註釋: 選中要取消註釋的語句, 編輯器選單Text->Uncomment, 或者快捷鍵Ctrl+T C.
Qt qtableview 多行選中,獲取行號
QList <int> GetRowId::requestRowId() { QItemSelectionModel *selections = ui->tableView_showExecuteInfo->selectionMo
Java程式設計師的5行程式碼,為何有人誇沒毛病!有人罵辣雞程式碼?
如今的Java似乎越來越火熱了,不過想想也是,畢竟一個跨平臺性讓得它在程式語言界稱王稱霸了多年,連它的前輩C語言都只能追著它的尾燈跑!由此可見Java的火熱程度。 然而,學的人多了,似乎各種各樣的奇葩程式碼都能敲出來,近日就有網友敲了一段程式碼讓得很多人起了爭執: 可以看到,這段程
一篇短文,有三行文字,每行有80個字元。統計出其中英文大寫字母,小寫字母,數字,空格以及其他字元各有多少。
一篇短文,有三行文字,每行有80個字元。統計出其中英文大寫字母,小寫字母,數字,空格以及其他字元各有多少。 #include<stdio.h> int main() { int i, j,a,b,c,w,other; //int a = 0; int b = 0; int c =
Table標題行凍結,資料行滾動的一種方式
這段時間在做Table標題行凍結,資料行滾動,雖然能實現,但也遇到一些問題,記錄下來。 首先說說實現,實現其實不難,估計很多人都能想象出來,那就是標題行與內容行分離。我是這麼做的,用兩個表格,一個
React Native 指定文字行數,超出行數顯示更多
純屬於工具類,簡單的說一下原理, 1、在不給text設定numberOfLines的時候計算出text的高度。 2、給text一個特定的numberOfLines,然後再次計算高度。 3、比較兩次獲取的高度,如果第二次獲取的高度<最大高度,說明需要換
Android中自定義SeekBar背景顏色,進度條顏色,滑塊圖片
目錄 Android SeekBar常見問題 在使用Android Seekbar大家可能經常遇到下面這幾個問題: 如何設定Seekbar進度條的高度? 如何設定滑塊的樣式? 如何設定進度條的顏色和背景顏色? 接下來,針對這三個問題我會
利用easyui實現對錶格的行編輯,增加行和修改行
JSP頁面程式碼: <table id="dg" class="easyui-datagrid" title="Row Editing in DataGrid"style="width: 700px; height: auto"data-options="
Linux中多行註釋,多行刪除。
<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">想在github上發點兒專案。結果被牆了。因為之前改過hosts檔案,加
Android中自定義SeekBar的背景顏色,進度條顏色,以及滑塊的圖片
最近正好有這方面的需要,用了很久時間,找到了改變基本顏色以及圖片的方法 下面以SeekBar為例,為大家描述一下我的做法 首先在layout資料夾中的main.xml內容如下 Xml程式碼 <?xml version="1.0" encoding="utf-8"?> <
sed 多行替換,多行模式處理字串;一次替換
作者:凨 例: 需求:sed 替換多行(2到6行)替換為空,且返回系統配置資訊 <?php /**CustomConfigurationStart*/ $c=require APP_PATH.
JS 點選事件onclick:點選物件小區域顏色,大區域顏色改變
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <