如何使用extjs

中的每個記錄更新某個類的「background-color」屬性我正在使用extjs。我想用不同的顏色顯示不同的記錄。我加載存儲和retriving記錄在回調函數如何使用extjs

taskStore.load({ 
     url : URL_TASK, 
     callback: function(records, operation, success) { 
      if(success) { 
       for(var i = 0; i < records.length; i++) { 
         records[i].set('Cls', 'assignedTasksCls'); 
       } 
      } 
     } 
    });

對於每個記錄我設置CLS =「assignedTasksCls」，這是我定義爲，

.assignedTasksCls { 
    background-color: #51c063; 
    border: 1px solid #8cd191; 
    border-radius: 5px; 
    box-shadow: 1px 1px 2px rgba(150, 150, 150, 0.5); 
    height: 90%; 
    left: -6px; 
    line-height: 7px; 
    position: relative; 
}

我想改變這個類的背景 - 顏色屬性，因爲需要將不同的顏色設置爲不同的記錄。我可以通過= records [i] .getCls（）獲取這個CSS; 那麼如何更新這個類的每個記錄的「背景顏色」？

來源

2014-05-21 user1722857

改變背景色的方法是

通過JQuery

$("#YourSelector").css("background-color", "yellow");

通過ExtJS的

suppost你有

<div id="div1">My Div 1</div>

然後

Ext.onReady(function() { 
    Ext.get('div1').setStyle('color', 'red'); 
});

上課方式使用

records[i].addCls("assignedTasksCls"); 
    records[i].removeCls("assignedTasksCls")

很好的例子from here

另外，我發現很好的例子可能是有用的爲你的情況下，請check from here

來源

2014-05-21 07:28:39 Adel

thanx的答覆sir..But我沒有這樣的selectorId。我將記錄中的字段設置爲字段。所以目前record.set（'assignedTasksCls'）正確設置CLS。但我想爲不同的記錄設置不同的顏色。那麼如何更新顏色而不是更新整個類？ – user1722857

你能否檢查上面更新的答案，並檢查好的示例鏈接.. – Adel

-1

見this example，它正是你需要的。

來源

2014-05-21 09:33:17 Saki

請通過下面的鏈接，

來源

2014-05-21 11:09:38

回答

相關問題