Я пытаюсь реализовать редактирование формы в моем jqgrid. Я загружаю данные json со стороны сервера. все идет хорошо. Но когда я пытаюсь редактировать с помощью кнопки редактирования. он показывает предупреждение «Пожалуйста, выберите строку». такая же ошибка для удаления и просмотра, но Add работает нормально. Я даже попытался изменить форму. но моя форма не всплывает. Есть идеи??JqGrid FormEdit doesnt Показать форму

Ниже мой код

var insptrackgrid = $("#insptracktbl"); 

insptrackgrid.jqGrid({ //17 cols 
    datatype: "json", 
    url:"/Myelclass/InspectionTrackAction.do?event=load", 

    colNames:['ID','Status','CtNo','InspDate','QCtlr','ArticleID','Article','Color','InspCdn','testID','GradeId','RejID','TotInspctd','comments'], 
    colModel :[ 
       {name: 'inspid', index: 'inspid', align:'center', width:60, editable: true, sortable: true, hidden: false, 
       }, 
       {name: 'status', index: 'status', align:'center', width:60, editable: true, sortable: true, hidden: false, 
       }, 
       {name: 'inspContractNo', index: 'contractno', align:'center', width:60, editable: true, sortable: true, hidden: false, 
       }, 
       {name: 'inspdate', index: 'inspdate', align:'center', width:60, editable: true, sortable: true, hidden: false, 
       }, 
       {name: 'inspqualityctrlr', index: 'qualitycontroller', align:'center', width:60, editable: true, sortable: true, hidden: false, 
       }, 
       {name: 'articleid', index: 'articleid', align:'center', width:60, editable: true, sortable: true, hidden: false, 
       }, 
       {name: 'article', index: 'article', align:'center', width:60, editable: true, sortable: true, hidden: false, 
       }, 
       {name: 'color', index: 'color', align:'center', width:60, editable: true, sortable: true, hidden: false, 
       }, 
       {name: 'inspcdn', index: 'inspcdn', align:'center', width:60, editable: true, sortable: true, hidden: false, 
       }, 
       {name: 'testid', index: 'testid', align:'center', width:60, editable: true, sortable: true, hidden: false, 
       }, 
       {name: 'gradeid', index: 'gradeid', align:'center', width:60, editable: true, sortable: true, hidden: false, 
       }, 
       {name: 'rejectsid', index: 'rejectsid', align:'center', width:60, editable: true, sortable: true, hidden: false, 
       }, 
       {name: 'totinspected', index: 'totinspected', align:'center', width:60, editable: true, sortable: true, hidden: false, 
       }, 
       {name: 'inspcomments', index: 'inspcomments', align:'center', width:60, editable: true, sortable: true, hidden: false, 
       }, 
    ], 
    jsonReader : { 
     repeatitems: false, 
     root: "rows", 
     page: "page", //calls first 
     total: "total" ,//calls Second 
     records: "records" //calls Third 
    }, 
    caption: "Inspection Tracking Report", 
    pager: "#insptrackpager", 
    rowNum: 10, 
    rowList:[20,30,40], 
    loadtext: "Bow Bow", 
    height : "auto", 
    width:"auto", 
    sortname: "contractno", 
    sortorder: "desc", 
    viewrecords: true, 
    gridview: true, 
    editurl:"/Myelclass/InspectionTrackAction.do?event=edit", 
    emptyrecords: "No records to display", 
    /*onSelectRow: function() { 
     alert("rows selected"); 
    },*/ 
    ondblClickRow: function(rowid) { 
     alert("Double Click "); 
     $(this).jqGrid('editGridRow', rowid); // this never Called 
     alert("Double Click 2"); 
    }, 


    }); 
insptrackgrid.jqGrid('navGrid','#insptrackpager',{ 
     edit: true, 
     add: true, 
     del: true, 
     search: true, 
     view: true, 
     });

UPDATE

Я прилагаю два изображения для исх. Loaded Data While Editing Изображение 1 показывает загруженные данные.
Изображение 2 показывает данные, выбранные для редактирования. здесь я выбрал ID = 4 для редактирования

источник

2013-11-22 Wahab

Вы должны щелкнуть строку, прежде чем редактировать/удалять ее. Вы это сделали? – Soony

Ваш код кажется прекрасным. Если у вас нет загруженных данных, это может произойти. – Soony

@Soony я сделал. проблема всегда выбирается первой строкой. и, кроме того, метод ondblClickRow editGridRow никогда не вызывается. – Wahab

В вашей ondblClickRow функции, измените editGridRow линию:

insptrackgrid.jqGrid('editGridRow', rowid);

ли эта помощь на всех?

источник

2013-11-22 19:47:23 FastTrack

@ FastTrack.thanks для ответа. Все еще не работает. проблема всегда в первой строке подсвечивается независимо от того, какие строки я выбрал. угадайте некоторые проблемы css. Есть идеи?? – Wahab

JqGrid FormEdit doesnt Показать форму

UPDATE

ответ

Смежные вопросы