home *** CD-ROM | disk | FTP | other *** search
/ 61.19.244.139 / 61.19.244.139.zip / 61.19.244.139 / 2015-03-03 / views / agent-broker-setup-add.jsp < prev    next >
Text File  |  2015-03-03  |  20KB  |  626 lines
  1.  
  2. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
  3. <%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
  4. <%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
  5. <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
  6. <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
  7.  
  8. <form:form class="form-horizontal well" action="" id="frmAgentDetailSetup" name="frmAgentDetailSetup" method="POST" modelAttribute="agentDetailBean">
  9.                 <div class="widget-content">
  10.                     <div class="widget-box">
  11.  
  12.                         <fieldset>
  13.  
  14.                             <div class="box-tab">
  15.                                 <div class="tabbable">
  16.                                     <ul class="nav nav-tabs">
  17.                                         <li class="active"><a data-toggle="tab" href="#tab1"><i class="black-icons blocks_images"></i> α╕úα╕▓α╕óα╕Ñα╕░α╣Çα╕¡α╕╡α╕óα╕öα╕òα╕▒α╕ºα╣üα╕ùα╕Ö</a></li>
  18.                                         <li><a data-toggle="tab" href="#tab2"><i class="black-icons blocks_images"></i> α╕üα╕Ñα╕╕α╣êα╕í</a></li>
  19.                                         <li class=""><a data-toggle="tab" href="#tab3"><i class="black-icons abacus"></i> α╕úα╕▓α╕óα╕Ñα╕░α╣Çα╕¡α╕╡α╕óα╕ö</a></li>
  20.                                         <li><a data-toggle="tab" href="#tab4"><i class="black-icons abacus"></i> α╕üα╕│α╕½α╕Öα╕öα╕ºα╕çα╣Çα╕çα╕┤α╕Ö</a></li>
  21.  
  22.                                     </ul>
  23.  
  24.                                     <div class="tab-content">
  25.  
  26.                                         <!-- Tab1 -->
  27.                                         <div id="tab1" class="tab-pane active">
  28.                                             <div class=" row-fluid">
  29.  
  30.                                                 <div class="control-group">
  31.                                                     <label class="control-label" for="input01">α╕òα╕▒α╕ºα╣üα╕ùα╕Ö</label>
  32.                                                     <div class="controls">
  33.                                                         <form:input class="input-small" type="text" placeholder="α╕úα╕½α╕▒α╕¬α╕òα╕▒α╕ºα╣üα╕ùα╕Ö" name="agentId" id="agentId" path="agentId"/> 
  34.                                                         <form:input class="input-xlarge" type="text" placeholder="α╕èα╕╖α╣êα╕¡α╕òα╕▒α╕ºα╣üα╕ùα╕Ö" name="agentName" id="agentName" path="agentName"/>
  35.                                                     </div>
  36.                                                 </div>
  37.  
  38.  
  39.                                                 <div class="control-group">
  40.                                                     <label class="control-label" for="input02">α╕ùα╕╡α╣êα╕¡α╕óα╕╣α╣ê</label>
  41.                                                     <div class="controls">
  42.  
  43.                                                         <form:input class="input-xxlarge" type="text" id="address1" name="address1" path="address1" placeholder="α╕Üα╣ëα╕▓α╕Öα╣Çα╕Ñα╕éα╕ùα╕╡α╣ê α╕òα╕úα╕¡α╕ü α╕ïα╕¡α╕ó α╕ûα╕Öα╕Ö"/>
  44.                                                     </div>
  45.                                                 </div>
  46.  
  47.                                                 <div class="control-group">
  48.                                                     <label class="control-label" for="input02">α╕êα╕▒α╕çα╕½α╕ºα╕▒α╕ö</label>
  49.                                                     <div class="controls multiline-input">
  50.  
  51.  
  52.                                                         <form:select  class="input-medium" id="province" name="provinceId" path="provinceId">
  53.                                                             <c:if test="${not empty refProvinceBeanList}">
  54.                                                                 <c:forEach var="listValue" items="${refProvinceBeanList}">
  55.                                                                     <form:option value="${listValue.provCode}">${listValue.provName}</form:option>
  56.                                                                 </c:forEach>
  57.                                                             </c:if>
  58.                                                         </form:select> 
  59.                                                         
  60.                                                       
  61.                                                         
  62.                                                         <form:select path="amphurId" id="amphur"  class="input-medium"></form:select>
  63.                                                          
  64.                                                         <form:select path="tambonId" id="tambol"  class="input-medium"></form:select>
  65.                                                      
  66.                                                     </div>
  67.  
  68.                                                 </div>
  69.                                                 <div class="control-group">
  70.                                                     <label class="control-label" for="input02">α╕úα╕½α╕▒α╕¬α╣äα╕¢α╕úα╕⌐α╕ôα╕╡α╕óα╣î</label>
  71.                                                     <div class="controls">
  72.  
  73.                                                         <form:input class="autoZipCode input-small" type="text" name="prbZipcode" path="prbZipcode" id="prbZipcode" placeholder="α╕úα╕½α╕▒α╕¬α╣äα╕¢α╕úα╕⌐α╕ôα╕╡α╕óα╣î"/>
  74.                                                     </div>
  75.                                                 </div>
  76.                                                 <div class="control-group">
  77.  
  78.                                                     <label class="control-label" for="input02">α╕ùα╕╡α╣êα╕¡α╕óα╕╣α╣êα╕êα╕öα╕ùα╕░α╣Çα╕Üα╕╡α╕óα╕Öα╕éα╕▓α╕ó α╕₧α╕úα╕Ü.</label>
  79.                                                     <div class="controls">
  80.  
  81.                                                         <form:input class="input-xxlarge" type="text" id="prbAddress1" name="prbAddress1" path="prbAddress1" placeholder="α╕Üα╣ëα╕▓α╕Öα╣Çα╕Ñα╕éα╕ùα╕╡α╣ê α╕òα╕úα╕¡α╕ü α╕ïα╕¡α╕ó α╕ûα╕Öα╕Ö"/>
  82.                                                     </div>
  83.                                                 </div>
  84.  
  85.                                                 <div class="control-group">
  86.                                                     <label class="control-label" for="input02">α╕êα╕▒α╕çα╕½α╕ºα╕▒α╕ö</label>
  87.                                                     <div class="controls multiline-input">
  88.  
  89.  
  90.                                                         <form:select  class="input-medium" id="prbProvinceId" name="prbProvinceId" path="prbProvinceId">
  91.                                                          
  92.                                                             <c:if test="${not empty refProvinceBeanList}">
  93.                                                                 <c:forEach var="listValue" items="${refProvinceBeanList}">
  94.                                                                     <form:option value="${listValue.provCode}">${listValue.provName}</form:option>
  95.                                                                 </c:forEach>
  96.                                                             </c:if>
  97.                                                         </form:select> 
  98.                                                          
  99.                                                         <form:select path="prbAmphurId" id="prbAmphurId"  class="input-medium"></form:select>
  100.                                                         <form:select path="prbTambonId" id="prbTambonId"  class="input-medium"></form:select>
  101.                                                           </div>
  102.  
  103.                                                 </div>
  104.                                                 <div class="control-group">
  105.                                                     <label class="control-label" for="input02">α╣Çα╕Ñα╕éα╕ùα╕╡α╣êα╣âα╕Üα╕¡α╕Öα╕╕α╕ìα╕▓α╕ò</label>
  106.                                                     <div class="controls">
  107.  
  108.                                                         <form:input path="licenseCode" class="input-small" type="text" placeholder="α╣Çα╕Ñα╕éα╕ùα╕╡α╣êα╣âα╕Üα╕¡α╕Öα╕╕α╕ìα╕▓α╕òα╕┤" id="licenseCode" name="licenseCode"/> 
  109.                                 
  110.                                                         <form:checkbox   value="Y" name="licenseOwn" id="licenseOwn" path="licenseOwn"/>
  111.                                                         α╣Çα╕êα╣ëα╕▓α╕éα╕¡α╕çα╣âα╕Üα╕¡α╕Öα╕╕α╕ìα╕▓α╕ò
  112.  
  113.                                                     </div>
  114.                                                 </div>
  115.                                                 <div class="control-group">
  116.                                                     <label class="control-label">α╕¢α╕úα╕░α╣Çα╕áα╕ùα╕òα╕▒α╕ºα╣üα╕ùα╕Ö</label>
  117.                                                     <div class="controls">
  118.  
  119.                                                
  120.                                             <form:radiobutton name="agentType" path="agentType" id="agentType" value="AC" class="radio-b" />
  121.                                               α╕òα╕▒α╕ºα╣üα╕ùα╕Öα╕Öα╕┤α╕òα╕┤α╕Üα╕╕α╕äα╕äα╕Ñ   
  122.                                             <form:radiobutton name="agentType" path="agentType" id="agentType" value="AP" class="radio-b" />
  123.                                               α╕òα╕▒α╕ºα╣üα╕ùα╕Öα╕Üα╕╕α╕äα╕äα╕Ñα╕ÿα╕úα╕úα╕íα╕öα╕▓ <br />    
  124.                                             <form:radiobutton name="agentType" path="agentType" id="agentType" value="BC" class="radio-b" />
  125.                                               α╕Öα╕▓α╕óα╕½α╕Öα╣ëα╕▓α╕Öα╕┤α╕òα╕┤α╕Üα╕╕α╕äα╕Ñ    
  126.                                             <form:radiobutton name="agentType" path="agentType" id="agentType" value="BP" class="radio-b" />
  127.                                               α╕Öα╕▓α╕óα╕½α╕Öα╣ëα╕▓α╕Üα╕╕α╕äα╕äα╕Ñα╕ÿα╕úα╕úα╕íα╕öα╕▓
  128.  
  129.                                         </div>
  130.                                                 </div>
  131.                                             </div>
  132.  
  133.                                         </div>
  134.                                         <!-- end tab1 -->
  135.  
  136.  
  137.                                         <div id="tab2" class="tab-pane">
  138.                                             <div class=" row-fluid">
  139.  
  140.                                                 <div class="control-group">
  141.                                                     <label class="control-label" for="input01">α╕½α╕▒α╕ºα╕½α╕Öα╣ëα╕▓α╕üα╕Ñα╕╕α╣êα╕í</label>
  142.                                                     <div class="controls">
  143.                                                     
  144.                                             <form:select class="input-xlarge" name="headGrpId" id="headGrpId" path="headGrpId">
  145.                                                 <form:option value="">====α╣äα╕íα╣êα╕üα╕│α╕½α╕Öα╕ö====</form:option>
  146.                                                 <c:forEach var="ag" items="${agentDetailList}">
  147.                                                     <form:option value="${ag.agentId}">
  148.                                                         <c:out value="${ag.agentId}-${ag.agentName}" />
  149.                                                     </form:option>
  150.                                                 </c:forEach>
  151.                                             </form:select>
  152.  
  153.  
  154.  
  155.                                         </div>
  156.                                                 </div>
  157.  
  158.                                             </div>
  159.  
  160.                                         </div>
  161.                                         <!-- end Tab  2 -->
  162.  
  163.                                         <div id="tab3" class="tab-pane">
  164.                                             <div class=" row-fluid">
  165.  
  166.                                                 <div class="control-group">
  167.  
  168.                                                     <div class="control-group">
  169.                                                         <div class="controls">
  170.                                                             <label class="checkbox"> <form:checkbox value="Y" name="allPackage" id="allPackage" path="allPackage"/> All Packages
  171.                                                             </label>
  172.                                                         </div>
  173.                                                     </div>
  174.                                                 </div>
  175.  
  176.                                                 <div class="control-group">
  177.  
  178.                                                     <div class="controls">
  179.                                                         <form:select  multiple="true" path="agentPacks"  name="agentPackages" id="agentPackages">
  180.                                                              <form:options items="${activePackages}" itemLabel="packageCode" itemValue="packageCode"/>
  181.                                                         </form:select>
  182.  
  183.                                                     </div>
  184.  
  185.                                                 </div>
  186.  
  187.                                                 <div class="control-group">
  188.                                                     <label class="control-label">α╕üα╕▓α╕úα╕₧α╕┤α╕íα╕₧α╣îα╣Çα╕¡α╕üα╕¬α╕▓α╕úα╕¬α╕│α╕äα╕▒α╕ì</label>
  189.                                                     <div class="controls">
  190.                                                         <c:if test="${not empty agentDocBeans}">
  191.                                                             <c:forEach var="listValue" items="${agentDocBeans}" varStatus="status">
  192.                                                                 <label class="checkbox"> 
  193.                                                                 <form:checkbox value="Y" path="agentDocBeans[${status.index }].selected"/> 
  194.                                                                 <form:hidden path="agentDocBeans[${status.index }].refCode"/>
  195.                                                                 <form:hidden path="agentDocBeans[${status.index }].refName"/>
  196.                                                                 ${listValue.refName}
  197.                                                                 </label>
  198.                                                             </c:forEach>
  199.                                                         </c:if>
  200.  
  201.                                                     </div>
  202.                                                 </div>
  203.  
  204.  
  205.                                             </div>
  206.  
  207.                                         </div>
  208.                                         <!-- end Tab  3 -->
  209.  
  210.                                         <div id="tab4" class="tab-pane">
  211.                                             <div class=" row-fluid">
  212.                                                 <div class="control-group">
  213.  
  214.                                                     <div class="controls">
  215.                                                         <label class="checkbox"> <form:checkbox  value="Y" name="crLinePool" id="crLinePool" path="crLinePool"/> α╣âα╕èα╣ëα╕ºα╕çα╣Çα╕çα╕┤α╕Öα╣Çα╕öα╕╡α╕óα╕ºα╕üα╕▒α╕Üα╕½α╕▒α╕ºα╕½α╕Öα╣ëα╕▓α╕ùα╕╡α╕í
  216.                                                         </label>
  217.                                                     </div>
  218.                                                 </div>
  219.  
  220.                                                 <div class="control-group">
  221.                                                     <label class="control-label">α╕ºα╕çα╣Çα╕çα╕┤α╕Öα╕ùα╕╡α╣êα╣äα╕öα╣ëα╕úα╕▒α╕Ü</label>
  222.                                                     <div class="controls">
  223.                                                         <form:input path="crLimited" class="autoNumber input-medium" type="text" id="crLimited" name="crLimited" placeholder="α╕ºα╕çα╣Çα╕çα╕┤α╕Öα╕ùα╕╡α╣êα╣äα╕öα╣ëα╕úα╕▒α╕Ü"/>
  224.                                                     </div>
  225.                                                 </div>
  226.  
  227.                                                 <div class="control-group">
  228.                                                     <label class="control-label">α╕ºα╕çα╣Çα╕çα╕┤α╕Öα╕ùα╕╡α╣êα╣âα╕èα╣ëα╣äα╕¢</label>
  229.                                                     <div class="controls">
  230.                                                         <form:input path="crBalnace" class="autoNumber input-medium" type="text" id="crBalnace" name="crBalnace" placeholder="α╕ºα╕çα╣Çα╕çα╕┤α╕Öα╕ùα╕╡α╣êα╣âα╕èα╣ëα╣äα╕öα╣ë"/>
  231.                                                     </div>
  232.                                                 </div>
  233.  
  234.  
  235.                                                 <div class="control-group">
  236.                                                     <label class="control-label">α╕ºα╕çα╣Çα╕çα╕┤α╕Öα╕èα╕▒α╣êα╕ºα╕äα╕úα╕▓α╕º</label>
  237.                                                     <div class="controls">
  238.                                                         <form:input path="crTempLimit" class="autoNumber input-medium" type="text" id="crTempLimit" name="crTempLimit" placeholder="α╕ºα╕çα╣Çα╕çα╕┤α╕Öα╕èα╕▒α╣êα╕ºα╕äα╕úα╕▓α╕º"/>
  239.                                                     </div>
  240.                                                 </div>
  241.  
  242.                                                 <div class="control-group">
  243.                                                     <label class="control-label">α╕ºα╕▒α╕Öα╕¬α╕┤α╣ëα╕Öα╕¬α╕╕α╕öα╣âα╕èα╣ëα╕ºα╕çα╣Çα╕çα╕┤α╕Öα╕èα╕▒α╣êα╕ºα╕äα╕úα╕▓α╕º</label>
  244.                                                     <div class="controls" id="maxIndex">
  245.                                                         <form:input path="crExpireDate" class="input-medium" type="text" id="crExpireDate" name="crExpireDate" placeholder="dd/mm/yyyy"/>
  246.                                                     </div>
  247.                                                 </div>
  248.                                                 <div class="control-group">
  249.                                                     <label class="control-label">Credit Term</label>
  250.                                                     <div class="controls">
  251.                                                         <form:input path="crTerm" class="autoNumber input-medium" type="text" name="crTerm" placeholder="Credit Term"/>
  252.                                                     </div>
  253.                                                 </div>
  254.                                             </div>
  255.                                         </div>
  256.                                         <!-- end Tab4 - -->
  257.                                     </div>
  258.  
  259.                                 </div>
  260.                             </div>
  261.                             <!-- Eng Tab box -->
  262.  
  263.                             <%
  264.                                     if (request.getParameter("agentId") == null) {
  265.                                 %>
  266.                                 <button class="btn btn-success" name="saveBtn" id="saveBtn">α╕Üα╕▒α╕Öα╕ùα╕╢α╕ü</button>
  267.                                 <%
  268.                                     } else {
  269.                                 %>
  270.                                 <button class="btn btn-primary" name="editBtn" id="editBtn">α╣üα╕üα╣ëα╣äα╕é</button>
  271.                                  
  272.                                 
  273.                                 <%
  274.                                     }
  275.                                 %> 
  276.                                 <a class="btn" id="cancelBtn" onClick="$('#tableFrm').dialog('close'); return false;">α╕óα╕üα╣Çα╕Ñα╕┤α╕ü/α╕¢α╕┤α╕ö</a>
  277.                         </fieldset>
  278.                     </div>
  279.                 </div>
  280.          
  281.  
  282. </form:form>
  283.  
  284. <script>
  285. $(function() {
  286.     if($("#agentId").val() ){
  287.         $('#agentId').attr('readonly', true);
  288.         };
  289.     
  290. $('.autoNumber').autoNumeric('init', {aSep: ',', aDec: '.',vMin:'0.00',vMax:'1000000000.00'});
  291. $('.autoZipCode').autoNumeric('init', { aSep: '',aPad:false,vMin:'0',vMax:'99999'});
  292. $("#headGrpId").select2();
  293. $('#crExpireDate').datepicker({ dateFormat: 'dd/mm/yy'  });
  294.  
  295. $('#agentPackages').multiSelect({
  296.     afterSelect : function(values) {
  297.     },
  298.     afterDeselect : function(values) {
  299.           $("#allPackage").attr("checked", false);
  300.           
  301.     },
  302.     selectableHeader : "<div class='custom-header'>α╕ùα╕▒α╣ëα╕çα╕½α╕íα╕ö</div>",
  303.     selectionHeader : "<div class='custom-header'> α╕ùα╕╡α╣êα╕¬α╕▓α╕íα╕▓α╕úα╕ûα╕éα╕▓α╕óα╣äα╕öα╣ë</div>"
  304. });
  305.  
  306. $('#allPackage').click(function() {
  307.     if(this.checked){
  308.         $('#agentPackages').multiSelect('select_all');        
  309.     }else{
  310.         $('#agentPackages').multiSelect('deselect_all');        
  311.     }    
  312. });
  313.  
  314.  
  315.  
  316.  
  317. if($('#crLinePool').prop('checked' )){
  318.     
  319.     $('#crLimited').prop('readonly',true);
  320.     $('#crTempLimit').prop('readonly',true);
  321.     $('#crBalnace').prop('readonly',true);
  322.     $('#crExpireDate').prop('readonly',true);
  323.  
  324.     $('#crLimited').val('0');
  325.     $('#crTempLimit').val('0');
  326.     $('#crBalnace').val('0');
  327.     $('#crExpireDate').val('');
  328.     }else{
  329.         
  330.         $('#crLimited').prop('readonly',false);
  331.         $('#crTempLimit').prop('readonly',false);
  332.         $('#crBalnace').prop('readonly',false);
  333.         $('#crExpireDate').prop('readonly',false);
  334.     }
  335.  
  336.  
  337.  
  338. $('#crLinePool').click(function() {
  339.  
  340.  
  341.     if(this.checked){
  342.         $('#crLimited').prop('readonly',true);
  343.         $('#crTempLimit').prop('readonly',true);
  344.         $('#crBalnace').prop('readonly',true);
  345.         $('#crExpireDate').prop('readonly',true);
  346.  
  347.         $('#crLimited').val('0');
  348.         $('#crTempLimit').val('0');
  349.         $('#crBalnace').val('0');
  350.         $('#crExpireDate').val('');
  351.         }else{
  352.             
  353.             $('#crLimited').prop('readonly',false);
  354.             $('#crTempLimit').prop('readonly',false);
  355.             $('#crBalnace').prop('readonly',false);
  356.             $('#crExpireDate').prop('readonly',false);
  357.         }
  358.     
  359.  
  360.     //crLimited;
  361.  
  362. });
  363.  
  364.  
  365.  
  366.  
  367. $('#tambol').on('change', function() {
  368.     $.ajax({
  369.         type : "GET",
  370.         dataType : "json",
  371.         url : 'tambol?amphurCode=' + $('#amphur option:selected').val() + '&provCode=' + $('#province option:selected').val() + '&tambolCode=' + this.value,
  372.         success : function(data) {
  373.  
  374.             $('#prbZipcode').val(data.tabolZipcode);
  375.  
  376.         },
  377.         error : function(xhr, ajaxOptions, thrownError) {
  378.             alert(xhr.status);
  379.             alert(thrownError);
  380.         }
  381.     });
  382.  
  383. });
  384. var amphurChange  =true;
  385. var tambonChange  =true;
  386. $('#amphur').on('change', function() {
  387.     $.ajax({
  388.         type : "GET",
  389.         dataType : "json",
  390.         url : 'tambol-list?amphurCode=' + this.value + '&provCode=' + $('#province option:selected').val(),
  391.         success : function(data) {
  392.  
  393.             $('#tambol').find('option').remove().end();
  394.             $.each(data, function() {
  395.                 $('#tambol').append(new Option(this.tambolName, this.tambolCode));
  396.  
  397.                 <%
  398.                 if (request.getParameter("agentId") != null) {
  399.                 %>
  400.                    if(this.tambolCode=='${agentDetailBean.tambonId}'&&tambonChange){
  401.                        $('#tambol').val('${agentDetailBean.tambonId}');
  402.                        tambonChange=false;
  403.                      }
  404.                 <%
  405.                 } 
  406.                 %>
  407.             });
  408.             $('#tambol').change();
  409.  
  410.         },
  411.         error : function(xhr, ajaxOptions, thrownError) {
  412.             alert(xhr.status);
  413.             alert(thrownError);
  414.         }
  415.     });
  416.  
  417. });
  418.  
  419.  
  420. $('#province').on('change', function() {
  421.  
  422.     $.ajax({
  423.         type : "GET",
  424.         dataType : "json",
  425.         url : 'amphur-list?provCode=' + this.value,
  426.         success : function(data) {
  427.  
  428.             $('#amphur').find('option').remove().end();
  429.             $('#tambol').find('option').remove().end();
  430.  
  431.             $.each(data, function() {
  432.                 $('#amphur').append(new Option(this.amphurName, this.amphurCode));
  433.  
  434.  
  435.                 <%
  436.                 if (request.getParameter("agentId") != null) {
  437.                 %>
  438.                    if(this.amphurCode=='${agentDetailBean.amphurId}'&&hurChange){
  439.                        $('#amphur').val('${agentDetailBean.amphurId}');
  440.                        amphurChange=false;
  441.                      }
  442.                 <%
  443.                 } 
  444.                 %>
  445.                 
  446.             });
  447.  
  448.  
  449.  
  450.             
  451.             $('#amphur').change();
  452.         },
  453.         error : function(xhr, ajaxOptions, thrownError) {
  454.             alert(xhr.status);
  455.             alert(thrownError);
  456.         }
  457.     });
  458.  
  459. });
  460.  
  461.  
  462.  
  463. $('#prbTambonId').on('change', function() {
  464.     $.ajax({
  465.         type : "GET",
  466.         dataType : "json",
  467.         url : 'tambol?amphurCode=' + $('#prbAmphurId option:selected').val() + '&provCode=' + $('#prbProvinceId option:selected').val() + '&tambolCode=' + this.value,
  468.         success : function(data) {
  469.  
  470.              
  471.  
  472.         },
  473.         error : function(xhr, ajaxOptions, thrownError) {
  474.             alert(xhr.status);
  475.             alert(thrownError);
  476.         }
  477.     });
  478.  
  479. });
  480. var prbAmphurIdChange = true;
  481. var prbTambonIdChange = true;
  482. $('#prbAmphurId').on('change', function() {
  483.     $.ajax({
  484.         type : "GET",
  485.         dataType : "json",
  486.         url : 'tambol-list?amphurCode=' + this.value + '&provCode=' + $('#prbProvinceId option:selected').val(),
  487.         success : function(data) {
  488.  
  489.             $('#prbTambonId').find('option').remove().end();
  490.             $.each(data, function() {
  491.                 $('#prbTambonId').append(new Option(this.tambolName, this.tambolCode));
  492.  
  493.                 <%
  494.                 if (request.getParameter("agentId") != null) {
  495.                 %>
  496.                    if(this.tambolCode=='${agentDetailBean.prbTambonId}'&&prbTambonIdChange){
  497.                        $('#prbTambonId').val('${agentDetailBean.prbTambonId}');
  498.                        prbTambonIdChange=false;
  499.                      }
  500.                 <%
  501.                 } 
  502.                 %>
  503.                 
  504.             });
  505.             $('#prbTambonId').change();
  506.  
  507.         },
  508.         error : function(xhr, ajaxOptions, thrownError) {
  509.             alert(xhr.status);
  510.             alert(thrownError);
  511.         }
  512.     });
  513.  
  514. });
  515.  
  516.  
  517.  
  518. $('#prbProvinceId').on('change', function() {
  519.  
  520.     $.ajax({
  521.         type : "GET",
  522.         dataType : "json",
  523.         url : 'amphur-list?provCode=' + this.value,
  524.         success : function(data) {
  525.  
  526.             $('#prbAmphurId').find('option').remove().end();
  527.             $('#prbTambonId').find('option').remove().end();
  528.  
  529.             $.each(data, function() {
  530.                 $('#prbAmphurId').append(new Option(this.amphurName, this.amphurCode));
  531.  
  532.                 <%
  533.                 if (request.getParameter("agentId") != null) {
  534.                 %>
  535.                    if(this.amphurCode=='${agentDetailBean.prbAmphurId}'&&prbAmphurIdChange){
  536.                        $('#prbAmphurId').val('${agentDetailBean.prbAmphurId}');
  537.                        prbAmphurIdChange=false;
  538.                      
  539.                      }
  540.                 <%
  541.                 } 
  542.                 %>
  543.                 
  544.             });
  545.             $('#prbAmphurId').change();
  546.         },
  547.         error : function(xhr, ajaxOptions, thrownError) {
  548.             alert(xhr.status);
  549.             alert(thrownError);
  550.         }
  551.     });
  552.  
  553. });
  554.  
  555.  
  556.  
  557.  
  558. $('#province').change();
  559. $('#prbProvinceId').change();
  560.  
  561.  
  562.  
  563. $("#frmAgentDetailSetup").submit(function() {
  564.  
  565.  
  566.     var form = $(this);
  567.     $('input').each(function(i){
  568.         var self = $(this);
  569.         try{
  570.             var v = self.autoNumeric('get');
  571.             self.autoNumeric('destroy');
  572.             self.val(v);
  573.         }catch(err){
  574.             console.log("Not an autonumeric field: " + self.attr("name"));
  575.         }
  576.     });
  577.     
  578.     var url = "saveAgentDetail";  
  579.  
  580.     $.ajax({
  581.            type: "POST",
  582.            url: url,
  583.            data: $("#frmAgentDetailSetup").serialize(),  
  584.            success: function(data)
  585.            {
  586.  
  587.                $('#grid').trigger("reloadGrid", [{ page: 1 }]);
  588.                $('#tableFrm').dialog('close');
  589.            },
  590.            error: function (xhr, ajaxOptions, thrownError) {
  591.                var obj = JSON.parse( xhr.responseText);
  592.                alert(obj.errorMessages ) ;      
  593.              }
  594.          });
  595.  
  596.     return false;
  597.  
  598.     
  599. });
  600.  
  601.  
  602.  
  603.  
  604.     $("#prbProvinceId").select2({
  605.             width : 'resolve'
  606.         });
  607.         $("#prbAmphurId").select2({
  608.             width : 'resolve'
  609.         });
  610.         $("#prbTambonId").select2({
  611.             width : 'resolve'
  612.         });
  613.  
  614.         $("#province").select2({
  615.             width : 'resolve'
  616.         });
  617.         $("#amphur").select2({
  618.             width : 'resolve'
  619.         });
  620.         $("#tambol").select2({
  621.             width : 'resolve'
  622.         });
  623.  
  624.     });
  625. </script>
  626.