當輸入框內輸入賬戶則下拉提示,則異步請求服務端

當輸入框內輸入了賬戶,則異步請求服務端

 

jQuery(function(){

     jQuery("#buscategory").selectFilter({cache:true});

     if($('#bankAccountId').val()!=null){

           $('#staticBankCode').val($('#bankAccountId').val());

     };

     

     var hintData = [];//autocomplete 組件需要的數組,在bankData基礎上重新組裝

     jQuery.ajax({

            url:"$homeModule.getTarget("/ext/bankInfo.action?inputFlag=inputFlag&filter=authBank").render()",

            type:'POST',

            dataType:'json',

            data:{timeFlag:new Date()},

            beforeSend:function(){},

            success:function(res){

                 displayBankInfo(res);

            }

      });

     

     function displayBankInfo(bankdata){//顯示查詢到的銀行

           if(null==bankdata){

                alert("獲取銀行列表爲空,請刷新頁面重試!");

                return ;

           }

           bankData = bankdata;//緩存數據,與服務器只一次請求

           prepareAutoData(bankData);

           jQuery("#selectBankId").autocomplete({

                source:hintData,

                minLength:1,

                delay:0,

                select:function(event,data){//當選擇了銀行賬戶,則去服務端查詢

                     var bankcode=data.item.value2;

                     var urlStr="$!homeModule.getTarget("/balanceAndCheck/getLastTimeBalanceDate.action").render()";

                     jQuery.ajax({

                      url:urlStr,

                      type:'POST',

                      data:{bankCode:bankcode},

                       success:function(res){

                          $('#refStartDate').val(arguments[2].responseText);

                      }

                     });

                     jQuery("input[name='bankAccountId']").val(data.item.value2);

                     jQuery("input[name='selectBankInfo']").val(data.item.value2);

                     getCurrencyCode(data.item.currencytype);

                     

                     try{setBankInfo(data.item);}catch(ex){}

                },

                open:function(){

                     $( this ).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" );

                },

                close:function(){

                   $( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" );

                }

           });

     }

     

…………

}

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章