EVOLUTION-NINJA
Edit File: d_case_notes.php
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content=""> <title>Yaskawa</title> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/css/jquery-ui.css'); ?>" /> <!-- The link to the CSS that the grid needs --> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('jqgrid/css/ui.jqgrid.css'); ?>" /> <!-- Bootstrap Core CSS --> <link href="<?php echo base_url('admin_assets/css/bootstrap.min.css');?>" rel="stylesheet"> <!-- Custom CSS --> <link href="<?php echo base_url('admin_assets/css/sb-admin.css');?>" rel="stylesheet"> <!-- Morris Charts CSS --> <link href="<?php echo base_url('admin_assets/css/plugins/morris.css');?>" rel="stylesheet"> <!-- Custom Fonts --> <link href="<?php echo base_url('admin_assets/font-awesome/css/font-awesome.min.css');?>" rel="stylesheet" type="text/css"> <script type="text/javascript" src="<?php echo base_url('assets/js/jquery-2.2.4.min.js');?>"></script> <script type="text/javascript" src="<?php echo base_url('assets/js/bootstrap.min.js');?>"></script> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> <script type="text/ecmascript" src="<?php echo base_url('jqgrid/js/jquery.jqGrid.js'); ?>"></script> <!-- This is the Javascript file of jqGrid --> <script type="text/ecmascript" src="<?php echo base_url('jqgrid/js/i18n/grid.locale-en.js'); ?>"></script> <script type="text/ecmascript" src="<?php echo base_url('jqgrid/js/jquery.jqGrid.min.js'); ?>"></script> <script src="<?php echo base_url('assets/js/jquery-ui.js'); ?>" type="text/javascript"></script> <header> <ul> <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">DRIVES<span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="<?php echo site_url("controller/d_technical_manuals");?>">TECHNICAL MANUALS</a></li> <li><a href="<?php echo site_url("controller/d_case_notes");?>">CASE NOTES</a></li> <li><a href="<?php echo site_url("controller/d_application_letter");?>">APPLICATION LETTERS</a></li> <li><a href="<?php echo site_url("controller/d_application_notes");?>">APPLICATION NOTES</a></li> <li><a href="<?php echo site_url("controller/d_technical_notes");?>">TECHNICAL NOTES</a></li> <li><a href="<?php echo site_url("controller/d_training_presentations");?>">TRAINING PRESENTATIONS</a></li> <li><a href="<?php echo site_url("controller/d_softwares");?>">SOFTWARES</a></li> <li><a href="<?php echo site_url("controller/d_projects");?>">PROJECTS</a></li> <li><a href="<?php echo site_url("controller/d_others");?>">OTHERS</a></li> </ul> </li> </ul> </header> <div class="container"> <div class="p_list"> <h3>CASE NOTE</h3> <table id="list2"></table> <div id="pager2"></div> </div> </div> <style type="text/css"> header ul{ list-style-type: none; } .form-control:focus, input[type="Submit"]:focus, input[type="button"]:focus { border-color: #FF0000; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6); } #editmodlist2 { //height: 232px !important; width: 326px !important; } #FrmGrid_list2 { width: 100% !important; } .ui-jqdialog .ui-jqdialog-titlebar { height: 29px !important; background-color:#2A4474 !important; color: white; padding-left: 10px; } .fm-button { height: 21px !important; padding: 1px; margin-right: 10px !important; height: 21px !important; width: 43%; margin-top: -7px !important; } .ui-jqdialog-content td.navButton { padding-top: 12px !important; } .ui-jqgrid .ui-jqgrid-titlebar { height: 27px !important; background-color: #0065B3!important; color:white !important; } .ui-jqgrid-bdiv { height: 232px !important; } .ui-widget-overlay { z-index:0 !important; } .ui-jqgrid-hdiv .ui-state-default,.ui-jqgrid-hdiv .ui-state-default{ background-color: #0065B3!important; color: white!important; } #gview_list2 .ui-state-default{ background:#0065B3!important; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{ color: white!important; } </style> <script> $(document).ready(function (){ jQuery("#list2").jqGrid({ url:"", mtype : "post", datatype: "json", colNames:['Id','Document Number','Product','Application','Segment','Upload Date','Download'], colModel:[ {name:'id',index:'id', width:50, align:'center',key:true,editable:true,hidden:true}, {name:'documentnumber',index:'documentnumber', width:50, align:'center',key:true,editable:true}, {name:'product', index:'product', align:'center',editable:true, width:50}, {name:'application', index:'application', align:'center',editable:true, width:50}, {name:'segment', index:'segment', align:'center',editable:true, width:50}, {name:'uploaddate', index:'uploaddate', align:'center',editable:true, width:50}, {name:'download', index:'download', align:'center',editable:true, width:50} ], rowNum:10, rowTotal: 2000, rowList : [10,20,40,80], rownumbers: true, rownumWidth: 40, pager:"#pager2", sortname:'id', viewrecords: true, loadonce:true, gridview: true, autowidth: true, sortorder:"asc", caption:"Case Notes" }); $("#list2").jqGrid('filterToolbar',{searchOperators : false});//for multisearch code,remove if not required $("#list2").jqGrid('navGrid','#pager2', {search:true,refreshstate:"current",edit:true,add:true,del:true}, { }, { }, { }, { sopt:['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'], closeOnEscape: true, multipleSearch: true, closeAfterSearch: true, multipleGroup:true, caption:"search" } ); $('#pager2').css("height", "auto"); $("#list2").navButtonAdd('#pager2', { caption:"", buttonicon:"ui-icon-plus", onClickButton: addRow, position: "last", title:"", cursor:"pointer", id:"client_add" } ); $("#list2").navButtonAdd('#pager2', { caption:"", buttonicon:"ui-icon-pencil", onClickButton: editRow, position: "last", title:"", cursor: "pointer", id:"client_edit" } ); }); </script>