Question

我的jgGrid显示正确，但导航器按钮上的图标没有出现。当您将鼠标悬停在按钮上时，按钮和工具提示会有一个轮廓，但按钮上没有图标，例如“+”或垃圾桶。

此外，有没有办法隐藏某些按钮而不是其他按钮，例如删除添加记录按钮，但保留删除记录按钮。

我已按照与样式表和语言文件相关的说明进行操作。下面是创建网格的代码：

 // create the grid
        $(gridName).jqGrid({
            // server url and other ajax stuff 
            url: '/Admin/Blogs',
            datatype: 'json',
            mtype: 'GET',

            height: 'auto',
            shrinkToFit: false,

            // columns
            colNames: colNames,
            colModel: columns,

            // pagination options
            toppager: false,
            pager: pagerName,
            rowNum: 10,
            rowList: [10, 20, 30],

            // row number column
            rownumbers: true,
            rownumWidth: 40,

            // default sorting
            sortname: 'PostedOn',
            sortorder: 'desc',

            // display the no. of records message
            viewrecords: true,

            jsonReader: { repeatitems: false }
            });
            $(gridName).navGrid(pagerName,
                      {
                        // settings
                        cloneToTop: true,
                        search: false
                      },
                      {}, // add options
                      {}, // edit options
                      {} // delete options
            );

Answer 1

确保您的网页上有jquery-ui.js和jquery.ui.theme.css以及css / images folger中的图标图片。

关于隐藏一些按钮：

$(gridName).navGrid(pagerName,
{edit:false,search:false,del:true,add:true,view:false,refresh:false,cloneToTop: true},
// navigator options ( where true = show / false = hide )
                      {}, // add options
                      {}, // edit options
                      {} // delete options
            );

如果你要添加自定义按钮，只需给它们ID并隐藏：

$('#buttonId').hide();

Answer 2

通过在主题图片文件夹中添加jquery.ui.theme.css，一切正常。

jqGrid导航器没有显示图标

2 个答案: