jQuery Grid Plugin - jqGrid

I have 4 custom inputs (DatePicker, Time Input, File Upload and Button) which are included to the JQGrid. They work as desired from fetching data or setting data.

But i am not able to add any events to them. I need help very urgently.

Here is the Code that i use:

colModel => editionoptions as follows
edittype="custom";
editOptions["custom_element"]=GridDatePicker;
editOptions["custom_value"]=GridDatePickerValue;

editOptions["dataInit"]= function(e){
 try
 {
  //this is not called
  alert ("not calling1");
 }
 catch(err)
 {
  
 }
 };
 
 function GridDatePicker(value, options) {
     var div = document.createElement("div")
   var el = document.createElement("input");
   el.setAttribute("id", options.id+"cal");
   el.setAttribute("style", "width:70%");
 el.setAttribute("custom", options.customdata);
   el.type="text";
   el.value = value;
   div.setAttribute("style", "width:100%");
   $(div).append(el);
  return div;
}

function GridDatePickerValue(elem, operation, value) {
    if(operation === 'get') {
       return $(elem).find("input").val();
    } else if(operation === 'set') {
       $(elem).find("input").val(value);
    }
}