refjs

var jqGridREF = '';
$(document).ready(function ()
{
   if($("#requestCode").val()=='' && $("#act").val()!='NEW'
   && $("#act").val()!='ADD' && $("#act").val()!='ADDRTN' && $("#act").val()!='ADDERR'
   && $("#act").val()!='UPD' && $("#act").val()!='ADDRTN' && $("#act").val()!='UPDERR')
   {
      $("#barSearch").show();
      $("#gridSearch").show();
      $("#form1").hide();
      createGrid();
   }
   else
   {
      $("#barSearch").hide();
      $("#gridSearch").hide();
      $("#form1").show();
   }

   $("#requestGroupCodeSrh").select2({
      width: "100%",
      placeholder: "กรุณาเลือก",
      allowClear: true
   });

   $("#requestGroupCode").select2({
      width: "100%",
      placeholder: "กรุณาเลือก",
      allowClear: true
   });
});

function createGrid()
{
   jqGridRQ10010 = jQuery("#masterGrid");
   //$(function () {

   $('#act').val('SRH'); // Added for serialize

   // Setup grid
   jqGridRQ10010.jqGrid(
   {
      url : "../rq/RequestCodeServlet?"+$("#frmREF").serialize()
      , datatype : "json"
      , mtype : 'POST'
      , colNames : [ '','รหัสคำร้อง','ชื่อคำร้อง','กลุ่มคำร้อง', 'สถานะข้อมูล']
      , colModel : [{name:'act',index:'act',width:'8%',align:'center',sortable:false, formatter:function(cellval, options, rowObject){return "<span class=\"glyphicon glyphicon-pencil\" style=\"cursor:pointer;\" onclick=\"getData('"+options.rowId+"');\"><\/span>";} }
                   ,{name : 'requestCode' , index : 'requestCodeInfo.requestCode', align : 'center' , editrules : {required : true}, editoptions: { size: 20, maxlength:20} , editable : true, width:'10%' }
                   ,{name : 'requestDesc', index : 'requestCodeInfo.requestDesc', align : 'left', width:'30%'}
                   ,{name : 'requestGroupDesc', index : 'requestCodeInfo.requestGroupDesc', align : 'left', width:'30%'}
                   ,{name : 'recStatus', index : 'requestCodeInfo.recStatus', align : 'center', editrules : {edithidden:true}, editable : true, editoptions: {readonly: true, size: 20}, width:'15%', formatter:formatStatus }
                   ]
      , height : 300
      , width : 700
      //, rowNum : 20
      //, rowList : [20, 40, 100]
      , sortable : true
      //, sortname: 'system_code'
      , multiSort:true
      //, sortorder: 'desc'
      //, loadonce : true // loading all data in one time
      , autoencode : true
      , pager : "#masterGridPager"
      , viewrecords : true  // display the number of total records from the query in the pager bar
      , multiselect : true
      //, rownumbers : true
      /*, jsonReader : {
              root: "rows",
              page: "page",
              total: "total",
              records: "records",
              cell: "cell",
              id: "id",
              userdata: "userdata"
              } */
      , loadComplete: function (data){
                   if (data.rows.length > 0)
                   {
                      for (var id = 1; id <= data.rows.length; id++)
                      {
                        rowData = jqGridREF.getRowData(id);
                        if(rowData.recStatus == null)
                        {
                           continue;
                        }
                        if(rowData.recStatus.indexOf("Inactive")!= -1)
                        {
                           jQuery("#jqg_masterGrid_"+id).prop('disabled', true);
                        }
                     }
                   }

                   if (jqGridREF.getGridParam("reccount") == 0)
                     {
                        // count data in grid
                        //var htmlString = $("#reloading").html();
                        if ($("#reloading").html() != "")
                        {
                           $("#reloading").delay(3000).fadeOut();
                           $("#reloading").stop();
                           $("#reloading").fadeIn(0);
                        }
                        $("#reloading").html("<div class='alert alert-warning alert-dismissable' style='height: 37px; text-align: center; " + "vertical-align:middle; line-height: 30px; padding-top: 3px; margin-bottom: 5px;'>" + "<button type='button' class='close' data-dismiss='alert' aria-hidden='true' style='padding-top: 7px;'>&times;<\/button>" + "ไม่พบข้อมูลที่ต้องการค้นหา <\/div>");
                        //$("body").scrollTop(0);
                     }
                     else if (jqGridREF.getGridParam("reccount") != 0)
                     {
                        $("#reloading").html("");
                     }
                     $("#requestCodeSrh").select();
                     $("#requestCodeSrh").focus();
               }
      , beforeSelectRow : function (rowid, e){
                  if($("#jqg_masterGrid_"+rowid).prop("disabled")){
                     return false;
                  }
                  else
                  {
                     return true;
                  }
               }
      , onSelectAll : function (aRowids, status){
                  if (status)
                  {
                     for(var i=0;i<aRowids.length;i++)
                     {
                        if( $("#jqg_masterGrid_"+aRowids[i]).prop("disabled"))
                        {
                           $("#jqg_masterGrid_" + aRowids[i]).removeAttr("checked");
                        }
                     }

                     //modify the selarrrow parameter
                     jqGridREF0[0].p.selarrrow = jqGridREF.find("tr.jqgrow:has(td > input.cbox:checked)")
                         .map(function() { return this.id; }) // convert to set of ids
                         .get(); // convert to instance of Array
                  }
               }
   });


   setTimeout(function() {
     $("#masterGrid").setGridWidth( parseInt($("#form_body").width()) - 20);
   }, 330);

   $(window).bind('resize', function() {
     $("#masterGrid").setGridWidth($("#form_body").width() - 20);
   }).trigger('resize');
}

function verify(paAct)
{
   if(paAct == 'SRH')
   {
      searchData();
   }
   else if(paAct == 'OPNSRH')
   {
      openBarSearch();
   }
   else if(paAct == 'ADD')
   {
      addData();
   }
   else if(paAct == 'UPD')
   {
      editData();
   }
   else if(paAct == 'DEL')
   {
      confirmDelete();
   }
   else if(paAct == 'DELMLT')
   {
      deleteDataMultiple();
   }
   else if(paAct == 'CLR'||paAct == 'NEW')
   {
      newData();
   }
}

function openBarSearch()
{
   $("#barSearch").show();
   $("#gridSearch").show();
   $("#form1").hide();
   if(jqGridREF == '')
   {
      createGrid();
   }
}

function formatStatus(cellvalue, options, rowObject)
{
   var desc = '';
   if(cellvalue == '0')
   {
      desc = '<span style=\'color:red\'>Inactive<\/span>';
   }
   return desc;
}

function searchData()
{
   $('#act').val('SRH'); // Added for serialize
   jqGridREF.setGridParam({url:"../ref/RequestCodeServlet?"+$("#frmREF").serialize(), page:1});
   jqGridREF.trigger("reloadGrid");
}

function deleteData()
{
   $("#act").val('DEL');
   $("#frmREF").submit();
}

function confirmDelete()
{
   $("#modalConfirm").html("คุณต้องการลบข้อมูลนี้หรือไม่");
   $("#modalButton").html("<button type=\"button\" class=\"btn btn-default btn-xs\" data-dismiss=\"modal\"><b>&nbsp;&nbsp;ยกเลิก&nbsp;&nbsp;<\/b><\/button><button type=\"button\" class=\"btn btn-primary btn-xs\" data-dismiss=\"modal\" onclick=\"deleteData();\"><b>&nbsp;&nbsp;ตกลง&nbsp;&nbsp;<\/b><\/button>");
   $('#myModal').modal('show');
}

function deleteDataMultiple()
{
   var gr = jqGridREF.getGridParam('selarrrow');

   var rowData = '';
   var requestCode = new Array();

   for (var i = 0;i < gr.length;i++)
   {
      rowData = jqGridREF.getRowData(gr[i]);
      requestCode[i] = rowData.requestCode;
   }

   //alert(rowData);
   if (gr != "")
      jqGridREF.delGridRow(gr,
      {
         url : "../ref/RequestCodeServlet"
         , delData :
                  {
                     act : "DELMLT", requestCode : requestCode.toString()
                  }
         , reloadAfterSubmit : true
         , afterComplete : function (response, postdata, formid)
         {
            if ($("#reloading").html() != "")
            {
               $("#reloading").delay(3000).fadeOut();
               $("#reloading").stop();
               $("#reloading").fadeIn(0);
            }
            //$("#reloading").stop();
            $("#reloading").html("<div class='alert alert-success alert-dismissable' style='height: 37px; text-align: center; " + "vertical-align:middle; line-height: 30px; padding-top: 3px; margin-bottom: 5px;'>" + "<button type='button' class='close' data-dismiss='alert' aria-hidden='true' style='padding-top: 7px;'>&times;<\/button><label class='control-label'>" + "ลบข้อมูลเรียบร้อยแล้ว<\/label><\/div>");
            //$("#reloading").fadeIn(0);
            $("body").scrollTop(0);
            //$("#reloading").delay(3000).fadeOut();
         }
         , errorTextFormat : function (response)
         {
            if (response.statusText == "D")
            {
               return '<span class="ui-icon ui-icon-alert" ' + 'style="float:left; margin-right:.3em;"><\/span>' + "ไม่สามารถลบข้อมูลได้";
            }
            else
            {
               return '<span class="ui-icon ui-icon-alert" ' + 'style="float:left; margin-right:.3em;"><\/span>' + response.statusText;
            }
         }

      });
   else
   {
      $("#modalConfirm").html("กรุณาเลือกข้อมูลที่ต้องการลบ");
      $("#modalButton").html("<button type=\"button\" class=\"btn btn-primary btn-xs\" data-dismiss=\"modal\"><b>&nbsp;&nbsp;ตกลง&nbsp;&nbsp;<\/b>");

      $('#myModal').modal('show');
   }
}

function getData(id)
{
   rowData = jqGridREF.getRowData(id);
   $("#requestCode").val(rowData.requestCode);
   $("#act").val('INQ');
   $("#frmREF").submit();
}

function addData()
{
   if(validateData())
   {
      $("#act").val('ADD');
      $("#frmREF").submit();
   }
}

function editData()
{
   if(validateData())
   {
      $("#act").val('UPD');
      $("#frmREF").submit();
   }
}

function validateData()
{
   var vbRsl = false;
   var vaErrMsg = "กรุณาระบุ";
   var vaFocus = "";

   $("#requestCodeDiv").removeClass("has-error");
   $("#requestDescDiv").removeClass("has-error");
   $("#requestGroupCodeDiv").removeClass("has-error");

   if($("#requestCode").val()=='')
   {
      if(vaErrMsg != "กรุณาระบุ") vaErrMsg = vaErrMsg + ",";
      vaErrMsg = vaErrMsg + " รหัสคำร้อง";
      if(vaFocus == "")
      {
         vaFocus = "requestCode";
      }
      $("#requestCodeDiv").addClass("has-error");
   }

   if($("#requestDesc").val()=='')
   {
      if(vaErrMsg != "กรุณาระบุ") vaErrMsg = vaErrMsg + ",";
      vaErrMsg = vaErrMsg + " ชื่อคำร้อง";
      if(vaFocus == "")
      {
         vaFocus = "requestDesc";
      }
      $("#requestDescDiv").addClass("has-error");
   }

   if($("#requestGroupCode").val()=='')
   {
      if(vaErrMsg != "กรุณาระบุ") vaErrMsg = vaErrMsg + ",";
      vaErrMsg = vaErrMsg + " รหัสกลุ่มคำร้อง";
      if(vaFocus == "")
      {
         vaFocus = "requestGroupCode";
      }
      $("#requestGroupCodeDiv").addClass("has-error");
   }

   if(vaErrMsg != 'กรุณาระบุ')
   {
      $("#reloading").html("<div class=\"alert alert-warning\" style=\"text-align:center;margin-bottom: 5px;\"><button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-hidden=\"true\">&times;<\/button><label class=\"control-label\">"+vaErrMsg+"<\/label><\/div>");
      $("#"+vaFocus).focus();
      $('html, body').animate({ scrollTop: 0 }, 0);
   }
   else
   {
      vbRsl = true;
   }

   return vbRsl;
}

function newData()
{
    $("#act").val('NEW');
    $("#requestCode").val('');
    $("#frmREF").submit();
}

function getConfirm(confirmMessage,callback){
    confirmMessage = confirmMessage || '';

    $('#confirmbox').modal({show:true,
                            backdrop:false,
                            keyboard: false});

    $('#confirmMessage').html(confirmMessage);
    $('#confirmFalse').click(function(){
        $('#confirmbox').modal('hide');
        if (callback) callback(false);

    });
    $('#confirmTrue').click(function(){
        $('#confirmbox').modal('hide');
        if (callback) callback(true);
    });
}