easyui datagrid 自定义每行显示的格式
2013-02-17 11:15
441 查看
效果如图:
自定义一个view:
然后在初始化datagrid时引用上述定义的view:
自定义一个view:
var cardview = $.extend({}, $.fn.datagrid.defaults.view, { renderRow: function(target, fields, frozen, rowIndex, rowData){ var cc = []; cc.push('<td colspan=' + fields.length + ' style="padding:10px 5px;border:0;width:780px;border-bottom:5px normal">'); if (!frozen){ cc.push('<div class="titleTips">'); cc.push('<p><span class="c-label">主题:</span> <a href="feedbackDetail.html" target="detailFrame" onclick="queryDetail('+rowData["feedbackId"]+')">' + rowData["title"] + '</a></p>'); cc.push('<p><span class="c-label" style="float:left">内容:</span><div style="padding-left:45px">' + rowData["content"] + '</div></p>'); cc.push('<p><span class="c-label">类别:</span> ' + rowData["type"] ); cc.push('<span style="float:right;white-space: nowrap;"><span class="c-label">反馈人:</span> ' + rowData["feedbackUser"] + '<span class="c-label" style="padding-left:20px">时间:</span> ' + rowData["feedbackTime"] + '</span></span></p>'); cc.push('</div>'); cc.push('<hr style="border:1px dashed black; height:1px">'); } cc.push('</td>'); return cc.join(''); } });
然后在初始化datagrid时引用上述定义的view:
$("#feedbackTable").datagrid({ height: 'auto', idField: 'feedbackId', fitColumn: true, rownumbers:true, loadMsg:"数据查询中,请等待……", pageSize:10, singleSelect:true, pagination:true, view: cardview }); setPagination('feedbackTable'); });
相关文章推荐
- easyUI datetimebox 自定义显示格式
- EasyUI的DataGrid日期列(datebox)正确显示json时间格式
- EasyUI的DataGrid日期列(datebox)正确显示json时间格式
- 【EasyUi】自定义日期显示格式
- easyui datagrid 不显示分页栏,可以自定义显示分页按钮
- easyUI datetimebox 自定义显示格式
- easyUI datetimebox 自定义显示格式
- EasyUI的DataGrid日期列(datebox)正确显示json时间格式
- js--easyUI datetimebox 自定义显示格式 .
- easyUI datetimebox 自定义显示格式
- 自定义EasyUI的datetimebox控件日期时间的显示格式(转)
- easyui自定义扩展视图实现功能--------datagrid返回记录为0时显示“没有记录”
- easyUI的列表控件(datagrid)日期列不能正确显示Json格式数据的解决方法
- struts2将数据通过Json格式显示于EasyUI-datagrid数据表格
- easyui datagrid 数据库日期格式数据在前台显示
- 自定义EasyUI的datetimebox控件日期时间的显示格式
- easyUI自定义datagrid的列显示
- js--easyUI datetimebox 自定义显示格式 .
- SSh结合Easyui实现Datagrid的分页显示
- Struts2_textfield标签里显示自定义格式的日期