一個網格單元格同時具有圖像和文字

Question

有沒有什麼辦法可以將圖像和文本放在Ext js 4網格面板的單元格上？

感謝您的幫助。

ck

Answer 1

是的，你可以。但取決於您的要求選擇哪種方式。

1. 使用CSS。當你定義一個欄，設置 'tdCls' 屬性：

   { 
       header: 'Image and text column', 
       tdCls: 'img-col', 
       dataIndex: 'Text' 
   } 
   

   在CSS文件：

   td.img-col { 
       background-image: url(images/pic.png); /*16px*/ 
       background-repeat: no-repeat; 
   } 
   
   td.img-col .x-grid-cell-inner { 
       margin-left: 16px; 
   } 
   

2. 使用模板列：

   { 
       xtype: 'templatecolumn', 
       header: 'Image and text column', 
       tpl: [ 
        '<img src="{ImgPath}"></img>', 
        '<div>{Text}</div>' 
       ] 
   } 
   

   而且你的模型應該有ImgPath物業