如何調用煎茶模板的模型功能

Question

我有一個客戶端模型定義爲：

Ext.define('app.model.Client', { 
    extend: 'Ext.data.Model', 
    alias: 'model.clientmodel', 
    fields: [ 
     { 
      name: 'Firstname', 
      type: 'string' 
     }, 
     { 
      name: 'Lastname', 
      type: 'string' 
     }, 
     { 
      name: 'Title', 
      type: 'string' 
     } 
    ], 
    GetFullName: function(withTitle) { 
     var fullName = [this.get('Firstname'), this.get('Lastname')].join(' '); 

     if(withTitle){ 
      return [this.get('Title'), fullName].join(' '); 
     } 

     return fullName; 
    } 
}); 

在網格中，我希望有一個「全名」模板列 - 有沒有辦法來調用GetFullName方法在我的模型中定義？

感謝

Answer 1

我想出的解決方案是使用模板函數來獲取客戶端數據的引用，並通過它調用GetFullName。

我想能夠把它變成一個可重用的類，但我不知道如何獲得對網格的引用（因爲它不會總是在MyGrid上）。

{ 
    xtype: 'templatecolumn', 
    dataIndex: 'Lastname', 
    text: 'Name', 
    tpl: new Ext.XTemplate('{[this.getFullName(values.ID)]}', 
    { 
     getFullName: function (clientId) { 
      var myGrid = Ext.getCmp('MyGrid'), 
      myStore = myGrid.getStore(), 
      client = myStore.getById(clientId); 

      return client.GetFullName(true); 
     } 
    } 
    ) 
} 

Answer 2

您可以使用轉換就像下面的代碼

Ext.define('app.model.Client', { 
extend: 'Ext.data.Model', 
alias: 'model.clientmodel', 
fields: [ 
    { 
     name: 'Firstname', 
     type: 'string' 
    }, 
    { 
     name: 'Lastname', 
     type: 'string' 
    }, 
    { 
     name: 'Title', 
     type: 'string' 
    }, 
    { 
     name: 'FullName', 
     type: 'string', 
     convert: function(value,record) { 
      var fullName = [record.get('Firstname'), record.get('Lastname')].join(' '); 

      if(withTitle){ 
       return [record.get('Title'), fullName].join(' '); 
      } 

      return fullName; 
     } 
    } 

] 

}）;

現在您可以在網格dataIndex中使用FullName列。