1. datagrid
initParam();
var data = sy.serializeObject($('#condForm'));
$('#dataGrid').datagrid({
title:' 数据管理 >> 消费管理',
iconCls:'icon-local',
url : '<%=request.getContextPath()%>/bcc/selConsume',
queryParams: data,
pagination : true,
pageSize : 10,
pageList : [ 10, 20, 30, 40, 50 ],
fit : true, --- 上下自适应。true时,footer在最底下。
//fitColumns : true, --- 列自适应。当按自定义列宽时,需改为false。
border : false,
/* idField : 'appId',
singleSelect:true,
checkOnSelect : false,
selectOnCheck : false, */
nowrap : false, --- 内容过长时,自动换行
rownumbers:true,
columns : [ [
{
field : 'projectName',
title : '项目名称',
width : 70 ,
align:'left', ---内容居左
halign: 'center' ---标题居中
},{
field : 'startDate',
title : '统计时间',
width : 130 ,
align:'left',
halign: 'center',
formatter:function(value,row,index){
return row.startDate+"-"+row.endDate;
}
},{
field : 'consume',
title : 'XX消费</br>(消费人数)', --- </br>可以使标题换行,注意js版本等
width : 100 ,
align:'left',
halign: 'center'
}] ],
toolbar : '#toolbar',
onBeforeLoad : function(param) {
parent.$.messager.progress({text : '数据加载中....'});
},
onLoadSuccess : function(data) {
if(data.total==0){
var dc = $(this).data('datagrid').dc;
var header2Row = dc.header2.find('tr.datagrid-header-row');
dc.body2.find('table').append(header2Row.clone().css({"visibility":"hidden"}));
}
right = data.right;
parent.$.messager.progress('close');
}
});
2. 获得一行数据:
function getRowData(rowIndex) {
var rows = $("#dataGrid").datagrid("getRows");//返回datagrid对应的rows;取出所有list
return rows[rowIndex];
}
获得行号:
function RowsFormatter(value, data, index) {
return (index + 1);
}
获取datagrid里的total的值:
function getTotal(){
var data=$('#dataGrid').datagrid('getData');
return data.total;
}
3.datagrid当没有数据时,列又很多的情况下,因为滚动条消失,导致标题/列名显示不完整。(各列宽度和>div的宽度,有滚动条)
方法一:
onLoadSuccess:function(data){
if(data.total == 0){
$("#blrpTable").datagrid("insertRow",{row:{}});
$("tr[datagrid-row-index='0']").css({"visibility":"hidden"});
}
right = data.right;
parent.$.messager.progress('close');
}
方法二:
onLoadSuccess:function(data){
if(data.total==0){
var dc = $(this).data('datagrid').dc;
var header2Row = dc.header2.find('tr.datagrid-header-row');
dc.body2.find('table').append(header2Row.clone().css({"visibility":"hidden"}));
}
right = data.right;
parent.$.messager.progress('close');
}