I used the following code I found on this forum for hiding and showing column:
var actcmenu;
function createColumnMenu(dgName){
actcmenu = $('<div/>').appendTo('body');
actcmenu.menu({
onClick: function(item){
if (item.iconCls == 'icon-ok'){
$('#'+dgName+'').datagrid('hideColumn', item.name);
actcmenu.menu('setIcon', {
target: item.target,
iconCls: 'icon-empty'
});
} else {
$('#'+dgName+'').datagrid('showColumn', item.name);
actcmenu.menu('setIcon', {
target: item.target,
iconCls: 'icon-ok'
});
}
}
});
var fields = $('#'+dgName+'').datagrid('getColumnFields');
for(var i=0; i<fields.length; i++){
var field = fields[i];
var col = $('#'+dgName+'').datagrid('getColumnOption', field);
actcmenu.menu('appendItem', {
text: col.title,
name: field,
iconCls: 'icon-ok'
});
}
}
I want to implement this code in every datagrid I have. Can anyone, especially
stworthy can help me put this function into a reusable one.
Thanks