如何動態添加單元格ColumnTree中的css類？

Question

檢查這個Ext.Net例如

http://examples1.ext.net/#/TreePanel/Advanced/ColumnTree/

我要動態添加CSS類欄目「持續時間」，以小區。我怎樣才能做到這一點？

Answer 1

我不知道會不會幫助你，但試試這個。

PS：我不知道Ext.NET，所以你應該修改代碼片段。

columns: [ 
    { 
     dataIndex: 'Duration', 
     title="Duration", 
     renderer: function(value) { 
      if (value == '15 min') { 
       status = 'status-up' 
      } 
      return Ext.DomHelper.markup({ 
       tag: 'img', 
       src: '/image/path/'+status+.png', 
       cls: 'icon-status-up' 
      }); 
     } 
    } 
] 

在這裏，你可以使用renderer功能，因爲延長grid

Ext.tree.Panel

Answer 2

的TreePanel中的columns財產我做了一些關於事件的JavaScript黑客nodeLoad使用CSS類選擇通過發現每一個HTML DIV ，x-tree-col-text。我使用dom操作技術。我認爲我所做的不是最佳做法，但它有效。

Answer 3

嘗試這一點，科拉姆內調用Renderer功能

<ext:Column ID="Column10" runat="server" DataIndex="Bolum" Width="35" Text="Blm" Flex="1"> 
    <Renderer Fn="renderActions"></Renderer> 
    </ext:Column> 

和渲染功能

function renderActions(value, meta, record) { 
      var image = "<div align='center'><img src='{0}' alt='{0}' /></div>"; 

      if (value == 'BİTTİ') { 

       return Ext.String.format(image, 'images/accept.png'); 
      } 
............. 

修改你的慾望