。只顯示NOT CHANGE的值減去

Question

我是ext js中的新手.. 我想在網格ext js中顯示一個字段。字段類型是smallint。讓我們說它「Dayfrom」。我想在網格中顯示DayFrom（-3）天，而不計算值。只在網格中顯示。

我已經爲此嘗試了。但不工作

var s = Ext.String.format('<div class="{0}">{1}</div>','-','--'); 

storePendingApprovalDetail = Ext.create('Ext.data.Store', { 
    storeId: 'pendingapprovaldetail-store', 
    model: 'pendingapprovaldetail-model', 
    sorters: ['DayFrom'] 
}); 
gridPendingApprovalDetail = Ext.create('Ext.grid.Panel', { 
    store: 'pendingapprovaldetail-store', 
    columns: [{ 
     text: 'Day From', 
     flex: 1, 
     renderer: s, 
     dataIndex: 'DayFrom' 
    }, { 
     text: 'Day To', 
     flex: 1, 
     dataIndex: 'DayTo' 
    }, { 
     text: 'Frequent', 
     flex: 1, 
     dataIndex: 'Frequent' 
    }], 
    dockedItems: [{ 
     xtype: 'toolbar', 
     items: [actAddPendingApprovalDetail, actEditPendingApprovalDetail, actDeletePendingApprovalDetail] 
    }], 
    listeners: { 
    } 
}); 

Answer 1

你看過renderer例子在http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.grid.column.Column-cfg-renderer？

你真的知道Ext.String.format是做什麼的嗎？如果沒有，請閱讀http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.String-method-format

如果你這樣做了，並理解，您的渲染代碼將是某事像這樣：

renderer: function(value){ 
    if(typeof value=="number") return -value; 
    return value; 
} 

Answer 2

非常感謝哥們... :)

我正在使用它並且它可以工作

gridPendingApprovalDetail = Ext.create('Ext.grid.Panel', { 
    store: 'pendingapprovaldetail-store', 
    columns: [{ 
     text: 'Day From', 
     flex: 1, 
     dataIndex: 'DayFrom', renderer: function (value, metaData, record, rowIndex, colIndex, store) { 
      var returnString = "-" + value; 
      return returnString; 
     } 
    }, { 
     text: 'Day To', 
     flex: 1, 
     dataIndex: 'DayTo' 
    }, { 
     text: 'Frequent', 
     flex: 1, 
     dataIndex: 'Frequent' 
    }], 
    dockedItems: [{ 
     xtype: 'toolbar', 
     items: [actAddPendingApprovalDetail, actEditPendingApprovalDetail, actDeletePendingApprovalDetail] 
    }], 
    listeners: { 
    } 
});