dwz前端實現雙擊標籤欄,在其下面展現指定參數(比如交易彙總數據)

     首先,實現效果如圖所示:

      前端框架dwz,頁面<tr>標籤裏:

      <tr  ptip="雙擊查看交易彙總" target="id" rel="${list.ID}" details_url="/interBus_dl/?                       spm=${encryption("/Merchantallinfo/merchantClick")}&emerno=${(list.EMERNO)!}" class="details1" promptid="${(list.EMERNO)}">

     ptip爲鼠標懸浮提示,details_url爲指定發送的後端url地址,class="details1" 爲jquery選擇器。

       js代碼:

    <script type="text/javascript">
 $(document).ready(function()
    { 
        $(".details1").die().live("dblclick",function(){
            var mytr=$(this);
            if(mytr.next().attr("class")=="details_info"){
                mytr.next().toggle();
            }else{
                var url=mytr.attr("details_url");
                var html=" <tr class='details_info' ><td style='background-color:#FFE7BA;' colspan="+mytr.children().size()+"> ";
                $.ajax({
                  url:url,
                  type:"get",
                  success:function(data){
                     for(var key in data)  {
                         html+="<label style='padding-right: 20px'>"+key+":"+data[key]+"</label>";
                     }
                     html+="</td></tr>";
                     mytr.after(html);
                    }
                });
            }
        });
    });
</script>

後端返回map數據:會展現key和value值:

/**
     * 
     *********************************************************.<br>
     * [方法] merchantClick <br>
     * [描述] TODO(查詢交易彙總) <br>
     * [參數] TODO(對參數的描述) <br>
     * [返回] Map <br>
     * [時間] 2018-12-19 下午3:31:40 <br>
     * [作者] 郭太東 【gtd】
     *********************************************************.<br>
     */
    @SuppressWarnings("all")
    @RequestMapping("/merchantClick")
     public @ResponseBody Map merchantClick() {
        String emerno = this.getParameter("emerno");
        mes.put("emerno", emerno);
        Map map=new HashMap();
        List<Map<String, Object>> list = MerchantallinfoService.getList("selectMerTrans",mes);
        //第一個爲空
        if(list.get(0)==null || list.get(0).equals("")){
            map.put("支付寶微信交易總額", "0元");
            //第二個爲空
            if(list.get(1)==null || list.get(1).equals("")){
                map.put("銀聯支付交易總額", "0元");
            }else{
                //第二個不爲空
                map.put("銀聯支付交易總額", list.get(1).get("fee")==null?"0":list.get(1).get("fee") +"元");
            }
        }else{
            //第一個不爲空
            map.put("支付寶微信交易總額", list.get(0).get("fee")==null?"0":list.get(0).get("fee") +"元");
            if(list.get(1)==null || list.get(1).equals("")){
                //第二個爲空
                map.put("銀聯支付交易總額", "0元");
            }else{
                //第二個不爲空
                map.put("銀聯支付交易總額", list.get(1).get("fee")==null?"0":list.get(1).get("fee") +"元");
            }
        }
        return map;
     }

注意:(重點)這是我們公司自己的一個數據加密傳輸算法,用到的傳值數據,必須在指定位置給與解密,否則會報空指針異常。

我自己就是忘了這個坑,然後被自己蠢浪費了好久時間。

 

 

 

 

 

 

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