EasyUI Forum

Hello,

i'd like to create some kind of header in the datagrid.
I allready created the search fields and search function as shown within the demos and tutorial.

Now i'd like to paste some information at the header, for example aggregation of content which comes with the query result for the grid content itself.

How can i solve this?

thanks. Jaimi

What do you mean the datagrid header? Is it the panel header or the column header? If it is the panel header, try the code below to get panel header object.

Thanks for the hint.

I tried the following as I did with the datagrid-pagination.
But it doesn't work. What's wrong?

var CurriculumVitaePager = $('#edgCurriculumVitae').edatagrid('getPager');   
 
 CurriculumVitaePager.pagination({
  showPageList: true,
  displayMsg  : '{from} bis {to} von {total} Einträgen',
  buttons     :[
   {iconCls:'icon-add'   ,handler:function(){addCurriculumVitae();}},
   {iconCls:'icon-edit'  ,handler:function(){editCurriculumVitae();}},
   {iconCls:'icon-remove',handler:function(){removeCurriculumVitae();}},
   {iconCls:'icon-save'  ,handler:function(){saveCurriculumVitae();}},
   {iconCls:'icon-undo'  ,handler:function(){undoCurriculumVitae();}}
  ]
 });//CurriculumVitaePager
 
 var CurriculumVitaePanel = $('#edgCurriculumVitae').edatagrid('getPanel').panel('header');
 
 $('#CurriculumVitaePanel').panel({
  width:500,
  height:150,
  title:'My Panel',
  tools:[{
  iconCls:'icon-add',
  handler:function(){alert('new')}
  },{
  iconCls:'icon-save',
  handler:function(){alert('save')}
  }]
 });//CurriculumVitaePanel

The datagrid extends from panel. All the properties of panel can be used in datagrid. To apply tools to the datagrid header, create datagrid with 'tools' property definition.