jquery - 没有返回记录时如何在表中显示消息（例如：未找到记录！）？

Question

我在我的应用程序中使用easyui datagrid。当没有返回记录时，如何在表中显示一条消息（例如：未找到记录！）？

$('#test').datagrid({
onLoadSuccess:function(data){
    if(data.total == 0){
        alert("No Records founds");
    }

}

});

Answer 1

我在 jeasyui 论坛中找到了一些解决方案。请参考以下链接

http://www.jeasyui.com/forum/index.php?topic=1881.msg4135#msg4135

根据链接，我对代码进行了以下更改

 $('#test').datagrid({

       onLoadSuccess:function(data){
           showGridMessage($('#test'));

       }
})

function showGridMessage(target){
       var opts = $(target).datagrid('options');
var vc = $(target).datagrid('getPanel').children('div.datagrid-view');
vc.children('div.datagrid-empty').remove();
if (!$(target).datagrid('getRows').length){
    var d = $('<div class="datagrid-empty"></div>').html('No Records Found').appendTo(vc);
    d.css({
        position:'absolute',
        left:0,
        top:50,
        width:'100%',
        textAlign:'center'
    });
}else{
      vc.children('div.datagrid-empty').remove();
    }

}

Answer 2

您需要做的是，当您从数据库中选择数据时，您需要检查结果行是否大于 0，如果它大于 0，只需解析格式为数组$sampledata[$i]['nameof_field1'] = $dataresult->column;

如果选择中没有数据，则需要使用相同的格式但为空值进行解析$sampledata[0]['nameof_field1'] = '';

那么你可以试试这段代码

onLoadSuccess:function(data){
  if(data.nameof_field1==''){
      alert("No Records founds");
  }

}