如何在grid的分页工具栏上面加文字？

Question

我想在分页工具栏上面设置一些自定义的文字，怎么弄。高手回答！！！

Answer 1

这个太简单了.
你可以看下分页组件的源代码,他就是继承Ext.ToolBar而已
所以你可以这样来设定.就和设定普通的工具栏是一样的!
你可能被闷了:)

[code="js"]
Ext.onReady(function() {
var myData = [
['3m Co',71.72,0.02,0.03,'9/1 12:00am'],
['Alcoa Inc',29.01,0.42,1.47,'9/1 12:00am'],
['Wal-Mart Stores, Inc.',45.45,0.73,1.63,'9/1 12:00am']
];

var store = new Ext.data.SimpleStore({
    fields: [
      {name: 'company'},
      {name: 'price', type: 'float'},
      {name: 'change', type: 'float'},
      {name: 'pctChange', type: 'float'},
      {name: 'lastChange', type: 'date', dateFormat: 'n/j h:ia'}
    ]
});
store.loadData(myData);

var grid = new Ext.grid.GridPanel({
    store: store,
    columns: [
        {id:'company',header: "Company", width: 160, sortable: true, dataIndex: 'company'},
        {header: "Price", width: 75, sortable: true, renderer: 'usMoney', dataIndex: 'price'},
        {header: "Change", width: 75, sortable: true, dataIndex: 'change'},
        {header: "% Change", width: 75, sortable: true, dataIndex: 'pctChange'},
        {header: "Last Updated", width: 85, sortable: true, renderer: Ext.util.Format.dateRenderer('m/d/Y'), dataIndex: 'lastChange'}
    ],
    stripeRows: true,
    autoExpandColumn: 'company',
    height:280,
    width:500,
    bbar: new Ext.PagingToolbar({
        pageSize: 18,
        store: store,
        items : ['<font color="red">我就是你要加的文字</font>']
    }),

    title:'Array Grid'
});
grid.render(document.body);

});
[/code]