Insert row into datagrid have error but it can not effect anything

[brian]

The combobox value will be setting by this textbox

<input type="hidden" id="scheduleSignup" name="scheduleSignup" value='N'>
<input type="hidden" id="schedulePaper" name="schedulePaper" value='N'>


The value will change

      if(activity.signupRule == '02'){
      $('#scheduleSignup').val('Y');
   }
                  
      if(activity.paperRule == '02' || activity.paperRule == '03'){
      $('#schedulePaper').val('Y');
   }


Datagrid
   function initScheduleTable(){
      $("#scheduleTable").datagrid({
         border : false,
         title : "Schedule",
         idField : "uuid",
         rownumbers : true,
         striped : true,
         singleSelect : false,
         checkOnSelect: false,
         checkbox : true,
         maximized : true,
         remoteSort : true,
         showFooter : true,
         nowrap : true,
         toolbar : '#tb',
         frozenColumns:[[
                     {   field:'CK',
                        title:'',
                        checkbox:true,
                        width : 30
                     }
                  ]],
         columns : [[            
              {
               field : "uuid",
               title : "UUID",
               sortable : true,
               fixed : true,
               width : 50,
               halign : "center",
               align : "left",
               hidden: true
            },{
               field : "uiStatus",
               title : "uiStatus",
               sortable : true,
               fixed : true,
               width : 50,
               halign : "center",
               align : "left",
               hidden: true
            },, {
               field : "needSign",
               title : "needSign",
               sortable : true,
               fixed : true,
               width : 70,
               halign : "center",
               align : "center",
               editor: {
                  type:'combobox',
                  options:{required:true,
                          editable:false,
                          valueField:'id',
                          textField:'text',
                          data:[{id:'Y',text:'Y'},{id:'N',text:'N'}]
                         }
               }
            }, {
               field : "needPaper",
               title : "needPaper",
               sortable : true,
               fixed : true,
               width : 80,
               halign : "center",
               align : "center",
               editor: {
                  type:'combobox',
                  options:{required:true,
                          editable:false,
                          valueField:'id',
                          textField:'text',
                          data:[{id:'Y',text:'Y'},{id:'N',text:'N'}]
                         }
               }
            }]]



Insert row

var rows = $('#scheduleTable').datagrid('getRows');
var lastIndex = rows.length -1
   var id = Math.random().toString(36).substr(2, 7);
         $('#scheduleTable').datagrid('insertRow', {
            index: lastIndex + 1,
            row:{
               uuid:'NEW_'+id,
               sortOrder: lastIndex + 2,
               ifdefault: 'N',
               fees : 0,
               uiStatus:'NEW',
               needSign:$('#scheduleSignup').val(),
               needPaper:$('#schedulePaper').val()
            }
         });


When I insert a new row it will have error

the error is at  "var opts=_8f6.options;"

and the message is   "Uncaught TypeError: Cannot read property 'options' of undefined"

[stworthy]

Please refer to this example http://jsfiddle.net/qcukvved/. It works fine.