jqGrid-colModel之自訂輸入函數 自訂edittype的控制項類型

參考文章: http://www.trirand.com/jqgridwiki/doku.php?id=wiki:common_rules#editable

參考文章中edittype:'custom'樣本有些問題，正確調用請看下面例子。

本例子主要想實現input輸入框的onclick事件。

  colNames:['ID','使用者名稱','密碼','許可權'],
  colModel:[
   {name:'id',index:'id', width:60, key:true, editable:false,
    searchoptions:{sopt:['eq','ne','lt','le','gt','ge']} },
   {name:'username',index:'username', width:120, sortable:false, editable:true,
    editrules:{required: true} },
   {name:'password',index:'password', width:120, sortable:false, editable:true,
    edittype:'custom', editoptions:{custom_element: myelem, custom_value: myvalue} },
   {name:'usertype',index:'usertype', width:60, editable:true,
    searchoptions:{sopt:['eq','ne','lt','le','gt','ge']} }
  ],

JS代碼如下：

 function myelem (value, options) {
  var el = document.createElement_x("input");
  el.type="password";
  el.value = value;
  el.onclick = function() { el.focus(); el.select(); }; 
  //alert("myelem: "+value);
  return el;
 };
 
 function myvalue(elem, operation, value) {
  //alert("myvalue: "+value);
  if(operation === 'get') {
   return $(elem).val();
  } else if(operation === 'set') {
   $(elem).val(value);
   }
 };

一定要注意的是：myelem 和myvalue 方法一定要放到建立grid的前面，要不是找不到的