jqgrid 如何提示有数据 无数据


关于jqgrid生成表单无数据时的显示。它本身的样式是会在右下角显示无数据显示,
能不能让他把‘无数据信息的提示‘显示在表格中间?

在无数据的时候在表单中显示无数据显示,右下角的小字太不明显了

其实感觉右下角也不错。要在中间显示的话,如下
样式,拿loading样式用的,自己可以改
.norecords {
    border-width: 2px !important;
	display:none;
    font-weight: bold;
    left: 45%;
    margin: 5px;
    padding: 6px;
    position: absolute;
    text-align: center;
    top: 45%;
    width: auto;
    z-index: 102;
}

在jqGrid的loadComplete函数里面加判断,假设table的id是list
loadComplete: function(){

var re_records = $("#list").getGridParam('records');
if(re_records == 0 || re_records == null){
if($(".norecords").html() == null){
$("#list").parent().append("<div class=\"norecords\">没有符合数据</div>");
}
$(".norecords").show();
}
}
当然在重新查询前要先隐藏norecords,比如reloadGrid前
$(".norecords").hide();
$("#list").trigger("reloadGrid");

http://zhidao.baidu.com/question/268073954.html


------------------------------------------------------------------------


当使用jqgrid来做数据表格控件时,如果搜索不到数据,是没有提示的。现在我们有一个需求就是如果当没有搜索到符合条件的数据时,需要在界面上提示。查了一下jqgrid的api,使用loadComplete事件可以满足这个要求。以下是相关代码:
  • Javascript代码


  
 loadComplete: function(xhr) { 
        var rowNum = parseInt($(this).getGridParam("records"), 10); 
        if (rowNum <= 0) { 
            alert("没有符合条件的记录!"); 
        } 
    }  


http://chevy.iteye.com/blog/705230




你可能感兴趣的:(jqGrid)