2013-05-06 134 views
0

我在我的应用程序中使用easyui datagrid。当没有记录返回时,如何在表中显示消息(例如:没有找到记录!)?如何在没有记录返回时在表格中显示消息(例如:没有找到记录!)?

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

} 

}); 
+0

如果你告诉我们,你已经尝试了我们将帮助您解决这个问题。 – 2013-05-06 13:17:26

+0

到目前为止,我使用警报通过检查onloadsuccess的总数来显示消息,但现在我的需求已经发生变化。我了解了如何动态添加新行。 – user1934095 2013-05-06 13:42:50

+0

你可以发布你的代码吗? – 2013-05-06 14:51:51

回答

2

我在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(); 
    } 

} 
+0

请总结您的答案中的链接;这样,如果链接失效,答案不会完全无用。 – michaelb958 2013-07-26 04:43:16

+0

谢谢您的建议..... – user1934095 2013-07-26 07:54:24

0

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

如果select中没有数据,那么您n EED具有相同的格式,但空值$sampledata[0]['nameof_field1'] = '';

解析,那么你可以试试这个代码

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

}