我看不到添加使用JQGrid编辑，删除和查看

问题描述

|| 我有

 jQuery(document).ready(function () {
        jQuery(\"#list\").jqGrid({
            url: \'/TabMaster/GetGridData\',datatype: \'json\',mtype: \'GET\',colNames: [\'col ID\',\'First Name\',\'Last Name\',\'\',\'\'],colModel: [
                  { name: \'colID\',index: \'colID\',width: 100,align: \'left\' },{ name: \'FirstName\',index: \'FirstName\',width: 150,{ name: \'LastName\',index: \'LastName\',width: 300,{ name: \'add\',width: 18,sortable: false,search: false,formatter: function () {
                          return \"<span class=\'ui-icon ui-icon-plus\'></span>\"
                      }
                  },{ name: \'edit\',formatter: function () {
                          return \"<span class=\'ui-icon ui-icon-pencil\'></span>\"
                      }
                  },{ name: \'del\',formatter: function () {
                          return \"<span class=\'ui-icon ui-icon-trash\'></span>\"
                      }
                  },{ name: \'details\',formatter: function () {
                          return \"<span class=\'ui-icon ui-icon-document\'></span>\"
                      }
                  }
                ],onSelectRow: function (rowJsonId)
            { handleSelectedRow(rowJsonId); },pager: jQuery(\'#pager\'),rowNum: 4,rowList: [1,2,4,5,10],sortname: \'colID\',sortorder: \"asc\",viewrecords: true,gridview: true,rownumbers: true,multiselect: true,imgpath: \'/scripts/themes/steel/images\',caption: \'Tab Master Information\'
        }).navGrid(pager,{ edit: true,add: true,del: true,refresh: true,search: true });
    });

    function handleSelectedRow(thing) {
    }

但我看不到“添加”，“编辑”，“删除”和“查看”按钮，我只能看到JQGrid中的空列。 供你参考 请提供您的宝贵意见。     

解决方法

        在我看来，您尝试从答案中使用我的演示：

ui-icon-plus

，

ui-icon-trash

等的所有类均来自jQuery UI CSS。您只需要验证您是否正确包含了jQuery UI以及

images

子目录。