zk在排網格中使用sclass

我在使用sclass屬性正確設置網格中某一行的背景顏色時遇到了問題。當特定列值從null更改爲某些內容時，或者如果在創建網格時，此列仍然有一個不同於null的值，我需要更改背景。所以我不需要改變所有的線條背景，但只有很少的。zk在排網格中使用sclass

這是我寫的風格：

<style>   

     .returned .z-row-cnt, .returned td.z-row-inner 
     { 
     background: none repeat scroll 0% 0% #D0C791; 
     } 

     .returned tr.z-row td.z-row-inner, .returned tr.z-row .z-cell { 
     background: none repeat scroll 0% 0% #D0C791; 
     } 

     .returned .z-row { 
     background-color: #D0C791; 
     } 

     .returned .z-label, .returned .z-button .z-button-cm { 
     color: #EFE9CE; 
     } 
</style>

，這是電網：

<grid span="true" model="@bind(vm.exitRequests)"       
     emptyMessage="Nessun mezzo/Nessuna richiesta trovati" height="100%" width="100%"> 
     <columns sclass="myColumn"> 
     <column width="18%;" label="Tipo Mezzo" /> 
     <column width="18%;" label="Nome - Targa" /> 
     <column width="18%;" label="Data Richiesta Uscita" /> 
     <column sclass="myColumn" width="18%;" label="Data Richiesta Rientro" 
       sortDescending="@bind(vm.openRequestComparatorDesc)" 
       sortAscending="@bind(vm.openRequestComparatorAsc)" sortDirection="ascending"/> 
     <column width="10%;" /> 
     <column width="8%;" /> 
     <column width="9%;" />        
     </columns>       
     <rows>        
      <template name="model" var="request"> 
       <row sclass="@load(vm.getMySclass(request))"> 
        ...

視圖模型方法：

public String getMySclass(OpenRequest request){ 
     if (request.getActivity() != null && request.getActivity().getCloseTime() != null) { 
      return "returned";    
     } else return "working"; 
    }

有了這種風格只改變細胞的內部部分，但全局

tr.z行td.z-行內

勝利對我

.returned tr.z行td.z-行內

沒有效果。

來源

2013-12-12 Stefania Lori

通過將sclass放在row上，並使用CSS選擇器來指定「內部」組件的樣式，您正處於正確的軌道上。

我相信你正在尋找的CSS選擇器將是：

tr.z-row.returned td.z-row-inner

這將選擇所有錶行（tr）標籤同時與z-row和的returned樣式類。您在文章結尾處提出的CSS選擇器，相反，選擇z-row風格類的所有表格行標記，它們是returned風格類別的後代。

你可以閱讀更多關於CSS選擇器的這個（有用的）細微差別在這裏：
http://css-tricks.com/multiple-class-id-selectors/

來源

2013-12-12 11:52:36

非常感謝您的回答和解釋！我添加了你建議我的CSS選擇器，它完美的工作！ –

zk在排網格中使用sclass

回答

相關問題