Как динамически добавлять класс css в ячейку ColumnTree?

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 функции, потому что columns свойства TreePanel расширения grid

Ext.tree.Panel

Answer 2

Я сделать некоторое Javascript хака на событии nodeLoad через найти весь HTML DIV, используя селектор класса CSS , x-tree-col-text. Я использую технику манипуляции дома. Я думал, что я делаю, это не лучшая практика, но она работает.

Answer 3

попробовать это, внутри Colum вызвать функцию рендерер

<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'); 
      } 
............. 

изменить это ваше желание