2

I have 

 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, align: 'left' },
                  { name: 'LastName', index: 'LastName', width: 300, align: 'left' },
                  { name: 'add', width: 18, sortable: false, search: false,
                      formatter: function () {
                          return "<span class='ui-icon ui-icon-plus'></span>"
                      }
                  },
                  { name: 'edit', width: 18, sortable: false, search: false,
                      formatter: function () {
                          return "<span class='ui-icon ui-icon-pencil'></span>"
                      }
                  },
                  { name: 'del', width: 18, sortable: false, search: false,
                      formatter: function () {
                          return "<span class='ui-icon ui-icon-trash'></span>"
                      }
                  },
                  { name: 'details', width: 18, sortable: false, search: false,
                      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) {
    }

but i could not able to see buttons for Add, Edit, Delete and View i am only able to see for empty column in JQGrid. for your reference I am not able to see ADD, EDIT, DELETE and VIEW

Please provide your valuable comments for the same.

imdadhusen
  • 2,493
  • 7
  • 40
  • 75

1 Answers1

2

It seems to me that you try to use my demo from the answer:

enter image description here

All classes for the ui-icon-plus, ui-icon-trash and so on come from jQuery UI CSS. You shoul just verify that you included jQuery UI correctly together with the images subdirectory.

Community
  • 1
  • 1
Oleg
  • 220,925
  • 34
  • 403
  • 798
  • I have verified all the CSS and Images are there and i have also added reference of it. – imdadhusen Jun 13 '11 at 11:47
  • @imdadhusen: It **must be** a difference. My demo works. If your demo are accessible from the internet you can post the URL. If not you can upload your demo project and post the URL. – Oleg Jun 13 '11 at 11:52
  • 1
    @imdadhusen: I have no idea. I have my web server. You should search in Internet for any free data upload server. – Oleg Jun 13 '11 at 13:16
  • Thanks for valuable suggestion! – imdadhusen Jun 13 '11 at 13:30
  • @imdadhusen: I know that there are many places in the internet where you can upload the data. Just use google. I can help you only in the subject where I have more know-how or experience as you, but if I not know something I just write this. – Oleg Jun 13 '11 at 13:38
  • @imdadhusen: You can post the project to oleg.kiriljuk@ok-soft-gmbh.com if you have still problems to find the place to uploading of the test project. – Oleg Jun 16 '11 at 17:59