My full code
<table class="easyui-datagrid"
id="${_id}"
data-options="
url:'${request.resource_url(_context, 'list')}',border:false,
pagination:true,fit:true,pageSize:50,singleSelect:true,
sortName:'deadline',sortOrder:'asc',
pageList:[50,100,500],idField:'_id',checkOnSelect:false,
selectOnCheck:false,toolbar:'#${_tb_id}',
view: detailview,
onExpandRow: function(index, row){
var row_id = 'row-${_id}-' + row.id;
$('#' + row_id).load(
'/tasks/details?id=' + row.id,
function(){
$('#${_id}').datagrid('fixDetailRowHeight', index);
$('#${_id}').datagrid('fixRowHeight', index);
$.parser.parse('#' + row_id);
}
);
},
detailFormatter: function(index, row){
var row_id = 'row-${_id}-' + row.id;
return '<div id=' + row_id + '></div>';
},
onBeforeLoad: function(param){
param.performer_id = ${h.common.get_auth_employee(request).id};
$.each($('#${_tb_id} .searchbar').find('input'), function(i, el){
if(!is_undefined($(el).attr('name')))
param[$(el).attr('name')] = $(el).val();
});
}
" width="100%">
<thead>
% if _context.has_permision('delete'):
<th data-options="field:'_id',checkbox:true">${_(u"id")}</th>
% endif
<th data-options="field:'title',sortable:true,width:180">${_(u"title")}</th>
<th data-options="field:'status',sortable:false,width:60,formatter:function(value, row){return status_formatter(value);}">${_(u"status")}</th>
<th data-options="field:'deadline',sortable:true,width:110,styler:function(){return datagrid_resource_cell_styler();}">${_(u'deadline')}</th>
</thead>
</table>
status_formatter function
function status_formatter(status){
if(status){
var span = $('<span/>').html(status.title);
span.addClass('status-label ' + status.key);
return $('<div/>').append(span).html();
}
}
functions status_formatter and datagrid_resource_cell_styler does not calls