Extjs tooltip 单元格 红色字体

 var AccountStore = new Ext.data.JsonStore
    ({
        url: "../handler/AccountOperate.ashx",
        root: "ResultData",
        totalProperty: 'ToTalRecord',
        listeners: {
            beforeload: function () {
                this.baseParams = {
                    "method": "QueryAccountflow",
                    "STRTIME": Ext.getCmp("txtStartDate").getValue(),
                    "ENDTIME": Ext.getCmp("txtEndDate").getValue(),
                    "TransationType": Ext.getCmp("TransactionType").getValue(),
                    "OrderID": Ext.getCmp("orderid").getValue(),
                    "SettleAccountID":SettleAccountID,
                    start: 0,
                    limit: m_pageSize
                };
            }
        },

        fields: ["ACCOUNTID", "CURRENCY", "DETAILDATE", "REFTRANCODE", "REFNUM", "INCOME", "EXPENDITURE", "BALANCE", "SUMMARY"]
    });



    var renderFun = function (data, metadata, record, rowIndex, columnIndex, store) {      //这个必须放在gvResult前面，有时会调用不到
        var tip = record.get('SUMMARY');                             //data就是选中的单元格的数据，record就是选中的行的数据的集合，这里就等于data
        metadata.attr ="ext:qtip='" + tip + "'";   //关键     //ext:qtip 内容    //ext:qtitle  标题，是粗体的    
        return data;
    };
    //data  toggle/trim
    //record data/json
    //metadata就是选中的单元格的对象      attr/cellAttr/css/id/style/value
    //rowIndex 就是行号
    //columnIndex就是列号
    //stroe数据源
    //data==record.get('SUMMARY')==record.data["SUMMARY']==record.json.SUMMARY==store.data.items[rowIndex].json.SUMMARY=store.data.items[rowIndex].data["SUMMARY"];

var gvResult = new Ext.grid.GridPanel
    ({
        id: "gvResult",
        title: '<% = GetLocalResourceObject("ResultListText") %>',
        renderTo: "dvAccountFlow",
        store: AccountStore,
        width: m_PageWidth,
        height: 420,
        stripeRows: true,
        trackMouseOver: true,
        viewConfig: {
            forceFit: true,
            scrollOffset: 0
        },
        loadMask: { msg: '<% = GetLocalResourceObject("SearchingText") %>' },
        frame: true,
        columns:
                [
                    new Ext.grid.RowNumberer(),
                    { header: '<% = GetLocalResourceObject("AccoutIDText") %>', dataIndex: "ACCOUNTID", sortable: true, width: 120 },
                    { header: '<% = GetLocalResourceObject("CurrencyText") %>', dataIndex: "CURRENCY", width: 140 },
                    { header: '<% = GetLocalResourceObject("DetailDateText") %>', dataIndex: "DETAILDATE", width: 100, renderer: function (v) { return getFormatDate(v, "yyyy-MM-dd HH:mm:ss"); } },
                    { header: '<% = GetLocalResourceObject("RefTranCodeText") %>', dataIndex: "REFTRANCODE", sortable: true },
                    { header: '<% = GetLocalResourceObject("RefNumText") %>', dataIndex: "REFNUM", sortable: true, width: 140 },
                    { header: '<% = GetLocalResourceObject("IncomeText") %>', dataIndex: "INCOME", sortable: true, renderer: function (v) { return v.toFixed(2); } },
                    { header: '<% = GetLocalResourceObject("ExpenditureText") %>', dataIndex: "EXPENDITURE", sortable: true, renderer: function (v) { return v.toFixed(2); } },
                    { header: '<% = GetLocalResourceObject("BalanceText") %>', dataIndex: "BALANCE", sortable: true, renderer: function (v) { var result = v.toFixed(2); if (result > 0) { return result; } else { return "<span style='color:red'>" + result + "</span>"; } } },       //根据判断把结果显示为红色
                    { header: '<% = GetLocalResourceObject("SummaryText") %>', dataIndex: "SUMMARY", sortable: true,renderer:renderFun}
                ],
        bbar: new Ext.PagingToolbar //分页
                ({
                    pageSize: m_pageSize,
                    store: AccountStore,
                    displayInfo: true,
                    displayMsg: '<font size=2><% = GetLocalResourceObject("ResultCountText") %></font>',
                    emptyMsg: '<% = GetLocalResourceObject("NoResultText") %>'
                }),
        ds: AccountStore,
        store: AccountStore
    });

    Ext.onReady(function () {   
        Ext.QuickTips.init();                //这里必须初始化
        pageinit();              //加载账户余额信息
    });