home *** CD-ROM | disk | FTP | other *** search
/ 61.19.244.139 / 61.19.244.139.zip / 61.19.244.139 / 2015-03-03 / views / car-type-setup.jsp < prev    next >
Text File  |  2015-03-03  |  8KB  |  311 lines
  1. <%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
  2. <%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
  3. <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
  4. <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
  5. <tiles:insertDefinition name="defaultTemplate">
  6.     <tiles:putAttribute name="body">
  7.         <ul class="breadcrumb">
  8.             <li><a href="#">α╕½α╕Öα╣ëα╕▓α╕½α╕Ñα╕▒α╕ü</a><span class="divider">»</span></li>
  9.             <li class="active">α╕üα╣ìα╕▓α╕½α╕Öα╕öα╕úα╕▓α╕óα╕Ñα╕░α╣Çα╕¡α╕╡α╕óα╕öα╕éα╕Öα╕▓α╕öα╕úα╕ûα╕óα╕Öα╕òα╣î</li>
  10.         </ul>
  11.         <div class="row-fluid">
  12.                 <div class="span12 ">
  13.                     <div class=" widget-block">
  14.                         <div class="widget-head">
  15.                             <h5>
  16.                                 <i class="black-icons  documents"></i> 
  17. กําหนดรายละเอียดขนาดรถยนต์
  18.                             </h5>
  19.                         </div>
  20.                         <div class="widget-content">
  21.  
  22.                             <div class="widget-searchbox">
  23.  
  24.                                 <ul>
  25.                                     <li class="row-counts"><a class="btn btn-success" id="addBtn" href="#frm-box"> <i class="icon-plus icon-white"></i> α╣Çα╕₧α╕┤α╣êα╕í
  26.                                     </a> <a class="btn btn-primary" id="editBtn"> <i class="icon-pencil icon-white"></i> α╣üα╕üα╣ëα╣äα╕é
  27.                                     </a> <a class="btn  btn-danger" id="delBtn"> <i class="icon-trash icon-white"></i> α╕Ñα╕Ü
  28.                                     </a></li>
  29.                                     <li class="right">
  30.                                     
  31.                                             <fieldset>
  32.  
  33.                                                 <div class="control-group">
  34.                                                     <div class="controls">
  35.                                                         
  36.  
  37. <select class="span5" name="vehTypeSearch" id="vehTypeSearch">
  38.                                      <option  value="">α╕¢α╕úα╕░α╣Çα╕áα╕ùα╕úα╕ûα╕óα╕Öα╕òα╣îα╕ùα╕▒α╣ëα╕çα╕½α╕íα╕ö</option>
  39.                           <c:if test="${not empty vehTypeList}">
  40.                                           <c:forEach var="listValue" items="${vehTypeList}">
  41.                                    <option  value="${listValue.refCode}" >${listValue.refDesc1}</option>
  42.                                          </c:forEach>
  43.                                      </c:if>
  44.                                     </select>
  45.                                                         
  46.                                                          -     
  47.                                                  
  48.                          <select class="span5" name="vehUsageSearch" id="vehUsageSearch">
  49.                                      <option value="">α╕Ñα╕▒α╕üα╕⌐α╕ôα╕░α╕üα╕▓α╕úα╣âα╕èα╣ëα╕ùα╕▒α╣ëα╕çα╕½α╕íα╕ö</option>
  50.                          <c:if test="${not empty vehUsageList}">
  51.                                           <c:forEach var="listValue" items="${vehUsageList}">
  52.                                    <option  value="${listValue.refCode}" >${listValue.refDesc1}</option>
  53.                                          </c:forEach>
  54.                                      </c:if>
  55.                                     </select> <a class="btn btn-info" id="btSearch" > <i class="icon-search icon-white"></i> α╕äα╣ëα╕Öα╕½α╕▓
  56.                                                         </a>
  57.                                                     </div>
  58.                                                 </div>
  59.  
  60.                                             </fieldset>    
  61.                                         
  62.                                     </li>
  63.                                 </ul>
  64.                             </div>
  65.                             <div class="widget-box">
  66.                                 <div align="center" id='jqgrid'>
  67.                                     <table id='grid'></table>
  68.                                     <div id='pager'></div>
  69.                                     
  70.                                     <br/> 
  71.  
  72. <div id="tableDetail"></div>
  73.  
  74.  
  75.                                     
  76.                                 </div>
  77.                             </div>
  78.  
  79.                         </div>
  80.                     </div>
  81.                 </div>
  82.         </div>
  83.         
  84.          
  85.  <div id="tableFrm">
  86.          
  87.  </div>
  88.  
  89.     </tiles:putAttribute>
  90.     <tiles:putAttribute name="customScript">
  91.  
  92.         <script>
  93.  
  94.         $(function() {
  95.             
  96.  
  97.              //$("#vehTypeSearch").select2({ width: 'resolve' });
  98.             // $("#vehUsageSearch").select2({ width: 'resolve' });
  99.             
  100.             $("#grid").jqGrid({
  101.                 url : 'car-type-list',
  102.                 datatype : 'json',
  103.                  
  104.                 mtype : 'GET',
  105.                 colNames : [ 'α╕¢α╕úα╣Çα╕áα╕ùα╕úα╕û','α╕Ñα╕▒α╕üα╕⌐α╕ôα╕░α╕üα╕▓α╕úα╣âα╕èα╣ë', 'α╕úα╕½α╕▒α╕¬α╕úα╕ûα╕óα╕Öα╕òα╣î', 'α╕éα╕Öα╕▓α╕ö', 'α╕éα╣ëα╕¡α╕äα╕ºα╕▓α╕íα╕₧α╕┤α╕íα╕₧α╣îα╕Üα╕Öα╕½α╕Öα╣ëα╕▓α╕òα╕▓α╕úα╕▓α╕ç','-'],
  106.                 colModel : [ {
  107.                     name : 'vehType',
  108.                     index : 'vehCode',
  109.                     width : 5,
  110.                      
  111.                     hidden : false ,
  112.                     sortable: false 
  113.                 }, {
  114.                     name : 'vehUsage',
  115.                     index : 'vehCode',
  116.                     width : 5,
  117.                      
  118.                     hidden : false,
  119.                     sortable: false,
  120.                  
  121.                     align : 'left'
  122.                 }, {
  123.                     name : 'vehCode',
  124.                     index : 'vehCode',
  125.                     width : 5,
  126.                     sortable: false,
  127.                     key: true,
  128.                     hidden : false,
  129.                     align : 'left'
  130.                 } , {
  131.                     name : 'vehSizeFlag',
  132.                     index : 'vehCode',
  133.                     width : 5,
  134.                     sortable: false,
  135.                     hidden : false,
  136.                     align : 'left'
  137.                 } , {
  138.                     name : 'vehPrintPol',
  139.                     index : 'vehCode',
  140.                     width : 30,
  141.                     sortable: false,
  142.                     hidden : false,
  143.                     align : 'left'
  144.                 } , {
  145.                     name : 'vehSizeBeans',
  146.                     index : 'vehSizeBeans',
  147.                     width : 0,
  148.                     sortable: false,
  149.                     hidden : true,
  150.                     align : 'left'
  151.                 } ],
  152.                 postData : {},
  153.                 rowNum : 10,
  154.                 rowList : [ 10, 20, 40, 60 ],
  155.                 height : 240,
  156.                 width : 500,
  157.                 autowidth : true,
  158.                 rownumbers : true,
  159.                 pager : '#pager',
  160.                 sortname : 'vehType',
  161.                 viewrecords : true,
  162.                 sortorder : "asc",
  163.  
  164.                 emptyrecords : "Empty records",
  165.                 loadonce : false,
  166.                 loadComplete : function() {
  167.                 } ,
  168.                 onSelectRow: function(ids) {
  169.  
  170.                     $.get( "car-size-by-code2?vehCode="+encodeURIComponent(ids), function( data1 ) {
  171.                           $('#tableDetail').html(data1);
  172.                      });
  173.                                          
  174.                                          
  175.                 }
  176.                 ,
  177.              
  178.                 jsonReader : {
  179.                     root : "rows",
  180.                     page : "page",
  181.                     total : "total",
  182.                     records : "records",
  183.                     repeatitems : false,
  184.                     cell : "cell",
  185.                     id : "vehType"
  186.                 }
  187.             }); 
  188.             });
  189.  
  190.  
  191.         $('#addBtn').click(function() {
  192.             $.get( "addVehCode", function( data1 ) {
  193.                   $('#tableFrm').html(data1);
  194.                   $( "#tableFrm" ).dialog({
  195.                         
  196.                         maxWidth:800,
  197.                         maxHeight: 650,
  198.                         width: 800,
  199.                         height: 630,
  200.                         modal: true,
  201.                         
  202.                         close: function() {
  203.                             $('#sidebar').removeClass('side-hide');
  204.                             $('.top-nav').removeClass('full-fluid');
  205.                             $('#main-content').removeClass('full-fluid');
  206.                             $('#tableFrm').html('');
  207.                         }
  208.                     });
  209.                   $('#sidebar').addClass('side-hide');
  210.                     $('.top-nav').addClass('full-fluid');
  211.                     $('#main-content').addClass('full-fluid');   
  212.              });
  213.             
  214.  
  215.              
  216.             return false;
  217.         });
  218.  
  219.  
  220.         $('#editBtn').click(function() {
  221.             //return false;
  222.             var selr = $("#grid").jqGrid('getGridParam', 'selrow');
  223.              if(selr){
  224.             $.get( "addVehCode?vehCode="+selr, function( data1 ) {
  225.                   $('#tableFrm').html(data1);
  226.                   $( "#tableFrm" ).dialog({
  227.                         
  228.                       maxWidth:800,
  229.                         maxHeight: 530,
  230.                         width: 700,
  231.                         height: 530,
  232.                         modal: true,
  233.                         
  234.                         close: function() {
  235.                             $('#sidebar').removeClass('side-hide');
  236.                             $('.top-nav').removeClass('full-fluid');
  237.                             $('#main-content').removeClass('full-fluid');
  238.                             $('#tableFrm').html('');
  239.                         }
  240.                     });
  241.                      $('#sidebar').addClass('side-hide');
  242.                         $('.top-nav').addClass('full-fluid');
  243.                         $('#main-content').addClass('full-fluid');
  244.              });
  245.             
  246.  
  247.         
  248.              }
  249.  
  250.               
  251.                 
  252.             return false;
  253.             
  254.             });
  255.         
  256.  
  257.         $('#delBtn').click(function() {
  258.             var selr = $("#grid").jqGrid('getGridParam', 'selrow');
  259.             if (selr && confirm("α╕óα╕╖α╕Öα╕óα╕▒α╕Öα╕üα╕▓α╕úα╕Ñα╕Üα╕éα╣ëα╕¡α╕íα╕╣α╕Ñ α╕¢α╕úα╕░α╣Çα╕áα╕íα╕üα╕úα╕úα╕íα╕ÿα╕úα╕úα╕íα╣î α╕úα╕½α╕▒α╕¬ " + selr)){ 
  260.  
  261.                  
  262.  
  263.                  var url = "delete-car-size-by-code?vehCode="+selr;  
  264.  
  265.             $.ajax({
  266.                    type: "GET",
  267.                    url: url,
  268.                    success: function(data)
  269.                    { 
  270.                        $('#grid').trigger("reloadGrid", [{ page: 1 }]);
  271.                        $('#tableDetail').html('');
  272.                    },
  273.                    error: function (xhr, ajaxOptions, thrownError) {
  274.                        alert(xhr.status);
  275.                        alert(thrownError);
  276.                      }
  277.                  });}
  278.                  
  279.         });
  280.         
  281.         $('#btSearch').click(function() {
  282.              
  283.             var f = {
  284.                 groupOp : "AND",
  285.                 rules : []
  286.             };
  287.             f.rules.push({
  288.                 field : "vehUsageSearch",
  289.                 op : "cn",
  290.                 data : $('#vehUsageSearch').val()
  291.             });
  292.             f.rules.push({
  293.                 field : "vehTypeSearch",
  294.                 op : "cn",
  295.                 data : $('#vehTypeSearch').val()
  296.             });
  297.             var grid = $('#grid');
  298.             grid[0].p.search = f.rules.length > 0;
  299.             $.extend(grid[0].p.postData, {
  300.                 filters : JSON.stringify(f)
  301.             });
  302.             grid.trigger("reloadGrid", [ {
  303.                 page : 1
  304.             } ]);
  305.         });
  306.         </script>
  307.  
  308.     </tiles:putAttribute>
  309.      
  310.     
  311. </tiles:insertDefinition>