如何根據來自服務器的ajax調用在每個進程前面顯示進程完成圖標？

Question

我有一個視圖有一個手風琴，它內部我有幾個過程（p1，p2，p3）在網格中命名如結構 我想在所有過程的前面給點擊圖標，這取決於來自ajax調用的結果服務器）。進程可以成功（應顯示爲綠色條形圖標），進行中（以黃色條顯示），失敗（以紅色條顯示）。

我應該怎麼做？

如果代碼片段在那裏會有幫助嗎？

Answer 1

在網格中實現可點擊圖標的最簡單方法是使用actioncolumn。您可以在這些列中定義多個按鈕，因此您可以定義全部3個並隱藏這些不需要的按鈕。

例列定義：

{ 
    xtype: 'actioncolumn', 
    dataIndex: 'status', 
    items: [ 
     { 
      icon: 'url_to_success_icon', 
      handler: function(grid, rowIndex, colIndex) { 
       // do something 
      }, 
      getClass: function(value) { 
       return value == 'success' ? '' : 'x-hide-display'; 
      } 
     }, 
     { 
      icon: 'url_to_running_icon', 
      handler: function(grid, rowIndex, colIndex) { 
       // do something 
      }, 
      getClass: function(value) { 
       return value == 'running' ? '' : 'x-hide-display'; 
      } 
     }, 
     { 
      icon: 'url_to_failed_icon', 
      handler: function(grid, rowIndex, colIndex) { 
       // do something 
      }, 
      getClass: function(value) { 
       return value == 'failed' ? '' : 'x-hide-display'; 
      } 
     } 
    ] 
} 

工作樣本：http://jsfiddle.net/kxq00ft5/1/