没有数据的jqGrid - 如何设置更加突出的“无数据”消息?

时间:2014-07-07 11:30:25

标签: jquery jqgrid

默认情况下,当没有数据时,jqGrid会在寻呼机内显示消息'No records to view'。 (我的网格使用顶部寻呼机)。

问题是,这个消息很容易被遗漏。

我想让网格显示顶部标题下方的消息,如果有任何数据,则显示行所显示的位置。 (在 body layer 中,如documentation中所定义)。

或者,虽然不太理想,但我可以把信息保留在原来的位置,但是要用一个又大又胖的红色字体显示它。

该消息已应用css类ui-paging-info,但我无法更新,因为sae类还用于显示消息' X记录找到',当数据源是是空的,我不希望那个大而红:)。

根据我在jqGrid源中看到的内容,消息在函数updatepager中设置。

[...]
pgboxes = ts.p.pager || "";
pgboxes += ts.p.toppager ?  (pgboxes ? "," + ts.p.toppager : ts.p.toppager) : "";
[...]
if(pgboxes) {
    [...]
    if (ts.p.viewrecords){
        if(ts.p.reccount === 0) {
            $(".ui-paging-info",pgboxes).html(ts.p.emptyrecords);
        } 
        else [...]

我猜测我应该注入一些自定义逻辑,但我不知道该怎么做。

我可以破解jqGrid来源,但我不想 - >这对于未来的jqGrid升级来说会很痛苦。

1 个答案:

答案 0 :(得分:5)

我在the old answerthis one中描述了如何实现您的要求。

The demo使用当前4.6.0版本的jqGrid并显示

enter image description here

如果需要显示某些数据,网格看起来像another demo

enter image description here

如果我正确理解你的问题,演示应该做你需要的。