jqgrid не отображал никаких полей при редактировании или добавлении формы - PullRequest
Новая
       13

jqgrid не отображал никаких полей при редактировании или добавлении формы

0 голосов
/ 06 декабря 2018

Я создал очень простую таблицу jqgrid.Он отображает результаты с URL, который я предоставляю без проблем.Если я нажимаю на кнопку добавления строки или на иконку редактирования строки, появляются пустые окна без полей для заполнения.

Вот мой код: 

$('#mygrid').jqGrid({  
        colMenu: true,
        url: 'someurl.php',
        datatype:'json',
        colNames:['NUMB','ACCNAME','MEMO','TOTAL','APR','MAY','JUN','JUL','AUG','SEP','OCT','NOV','DEC','JAN','FEB','MAR'],
        colModel: [
            { name: "ACCOUNT_NUMBER",  width:60},
            { name: "ACCNAME",  editable: "true"},
            { name: "DETAIL",  editable: "true", edittype:"textarea", editoptions:{size:10} },
            { name: "TOTAL",  width:75, classes:'text-primary', editable: "true",editoptions:{size:10}  },
            { name: "APR", index: "APR",  width:75, editable: "true",edittype:"textarea",editoptions:{size:10} },
            { name: "MAY", index: "MAY",  width:75, editable: "true",edittype:"textarea",editoptions:{size:10} },
            { name: "JUN", index: "JUN",  width:75, editable: "true",edittype:"textarea",editoptions:{size:10} },
            { name: "JUL", index: "JUL",  width:75, editable: "true",edittype:"textarea",editoptions:{size:10} },
            { name: "AUG", index: "AUG",  width:75, editable: "true",edittype:"textarea",editoptions:{size:10} },
            { name: "SEP", index: "SEP",  width:75, editable: "true",edittype:"textarea",editoptions:{size:10} },
            { name: "OCT",  width:75, editable: "true",edittype:"textarea",editoptions:{size:10} },
            { name: "NOV",  width:75, editable: "true",edittype:"textarea",editoptions:{size:10} },
            { name: "DEC",  width:75, editable: "true",edittype:"textarea",editoptions:{size:10} },
            { name: "JAN",  width:75, editable: "true",edittype:"textarea",editoptions:{size:10} },
            { name: "FEB",  width:75, editable: "true",edittype:"textarea",editoptions:{size:10} },
            { name: "MAR",  width:75, editable: "true",edittype:"textarea",editoptions:{size:10}  }

        ],
        viewrecords: true,
        emptyrecords: "Nothing to display",
        rowNum: 15,
        styleUI : 'Bootstrap4',
        iconSet : 'Octicons',
        pager : '#gridpager',
        autowidth : true, 
        shrinkToFit : false,
        height : '75%',
        rowList : [10, 20, 30],
        altRows : true,
        toppager : true,
        caption: "something",
        editurl : 'anotherurl.php'


});
$("#mygrid").jqGrid('navGrid','#gridpager',{add:true,edit:true,del:true,search:true,refresh:true});

Здесь всплывающие пустые окна:

enter image description here

1 Ответ

0 голосов
/ 06 декабря 2018

проблема у вас с установкой редактируемого свойства.Вы устанавливаете это как строку, но это должно быть логическое значение.В colModel элементы заменяют 

editable : "true"

на 

editable : true

Это большая разница в Javascript

...