Jqgrid没有显示添加/编辑/搜索等任何图标。 [英] Jqgrid not displaying any icons for Add/Edit/Search etc.

问题描述

我可以显示jqGrid，但应该在那里的图标（添加，编辑，删除，搜索，刷新等）不会显示在我的网格中。当我将鼠标悬停在图标所在的位置时，会显示相应操作的名称，但只显示图像。任何帮助或建议都会很棒。提前致谢。



这是我正在使用的javascript代码。

I am able to display the jqGrid but the icons that are supposed to be there (Add, Edit, Delete, Search, Refresh etc. ) do not show up in my grid. When I hover over the place where the icons are supposed to be, it displays the name for the respective actions but just the images do not show up. Any help or suggestions would be great. Thanks in advance.

This is the javascript code that I am using.

function LoadAllUsers()
    {
        jQuery("#list2").jqGrid({
            url: privateserviceURL + "LoadAllUsers",

            datatype: 'json',
            //url access method type
            mtype: 'POST',
            //columns names
            colNames: ['UserId', 'First Name', 'Last Name', 'Email', 'Password', 'Phone'],
            colModel: [
                { name: 'UserId', index: 'UserId', width: 55, hidden: true },
                { name: 'First Name', index: 'FirstName', width: 90 },
                { name: 'Last Name', index: 'LastName', width: 90 },
                { name: 'Email', index: 'Email', width: 100 },
                { name: 'Password', index: 'Password', width: 90 },
                { name: 'Phone', index: 'Phone', width: 90 }
            ],
            hidegrid: false,
            width: 790,
            height: 300,
            rowNum: 10,
            rowList: [10, 20, 30],
            pager: jQuery('#pager2'),
            sortname: 'UserId',
            viewrecords: true,
            sortorder: "desc",
            caption: "JSON Example"
        }).navGrid('#pager2', { view: true, del: true, add: true, edit: true, search: true });
    }

推荐答案

即使我添加了所有必需的css和js，似乎图标也没有显示为jquery ui files ..

it seems the icons are not displaying for jquery ui even though I have added all the required css and js files..

与我导致问题的jquery和ui js文件的顺序有关。现在修复。

Had something to do with the order of jquery and ui js files that I had that was causing the problem. Fixed now.

如果你的MVC和JQGrid的初学者请参考我的博客。

我也创建了解释它的视频。

关于MVC实体框架和JQGrid的简单演示。



我想这对你有帮助。



http://dotnetsourcedileep.blogspot.in/2014/06/test.html [^]

If your beginner to MVC and JQGrid then pls refere my blog.
I have also created videos explaining it.
A simple demo on MVC Entity framework and JQGrid.

I guess it will be helpfull for you.

http://dotnetsourcedileep.blogspot.in/2014/06/test.html[^]

这篇关于Jqgrid没有显示添加/编辑/搜索等任何图标。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！