close

 .render:

Script: 

 <script id="subData" type="text/x-jsrender">
     <form method="POST" action="{{:formactionurl}}"><br/>
     <input type="hidden" name="a" value="{{:a}}"/>
     <input type="hidden" name="b" value="{{:b}}"/>
     <input type="hidden" name="c" value="{{:c}}"/>
     <input type="hidden" name="d" value="{{:d}}"/>
     <input type="hidden" name="e" value="{{:e}}"/>
     <input type="hidden" name="f" value="{{:f}}"/>
     <input type="hidden" name="g" value="{{:g}}"/>
     <input type="hidden" name="h" value="{{:h}}"/>
     <input type="hidden" name="i" value="{{:i}}"/>
     <input type="hidden" name="j" value="{{:j}}"/>
     <input type="hidden" name="k" value="{{:k}}" />
     <input type="image" src="{{:rootpath}}/button_03.png" name="pics" value="發送 "/>
     </form>
    </script>
 
 
 
var jsonD = {
        
        "a": code_Ajax.memberSellerToolboxVO.a,
        "b": code_Ajax.memberSellerToolboxVO.b,
        "c": code_Ajax.memberSellerToolboxVO.c,
        "d": code_Ajax.memberSellerToolboxVO.d,
       
        "e": code_Ajax.memberSellerToolboxVO.e,
        "f":"FCB3PAY",
        "g": code_Ajax.g,
        "h": code_Ajax.memberSellerToolboxVO.h,
        "i": code_Ajax.memberSellerToolboxVO.i,
        "j": code_Ajax.memberSellerToolboxVO.j,
        "k": code_Ajax.memberSellerToolboxVO.k,
    }
 
    $("textarea#textarea_area").val($("#subData").render(jsonD));
 
 
html:
 
                                 <tfoot>
                                    <tr>
                                        <td colspan="6" class="title" width="100%">Copy頁</td>
                                    </tr>
                                    <tr>
                                        <td colspan="6">
                                            <textarea rows="" cols="" id="textarea_area" style="resize: none; width: 710px; height: 150px;"> </textarea></td>
                                    </tr>
               
                                </tfoot>
 
 
 
 
還有一種好用的方法,JSON格式:
 
<script id="tem1" type="text/x-jsrender">
                <tr>
                <td style="text-align:center;width:13%;"><a style="cursor:default;text-decoration:none;c" title="{{:a1}}">{{:a1}}</a></td>
                <td style="text-align:right;width:13%;"><span title="{{:a2}}">{{:a2}}</span></td>
                <td style="text-align:right;width:8%;"><span title="{{:a3}}">{{:a3}}</span></td>
                <td style="text-align:right;width:13%;"><span title="{{:a4}}">{{:a4}}</span></td>
                <td style="text-align:center;cursor:pointer;width:13%;"><span title="{{:a5}}"  onclick="GoPop('訂單說明','{{:a5}}')" value="訂單說明">訂單說明 </span></td>
                <td style="text-align:center;cursor:pointer;width:13%;"><span title="{{:a6}}"  onclick="GoPop('商店網頁','{{:a6}}')" value="商店網頁">商店網頁 </span></td>
                <td style="text-align:center;width:8%;border-right:none;">
                 <a  onclick="Detail(getinitRe,{{:id}})" >複製</a>
                 <br/><a  onclick="callDataIn({{:id}})" >修改</a>
                <br/><a  onclick="RemoveProduct({{:id}})">刪除</a>
                </td>
                </tr>
                 
    </script>
 
    
if (getinitRe.memberToolboxes.length > 0) {
        var jsonvars = getinitRe.memberSellerToolboxes;
        $.each(jsonvars, function (key, value) {
            value.productPriceStr = MomeyChangeCommaFormat(value.productPriceStr);
            value.shippingFeeStr = MomeyChangeCommaFormat(value.shippingFeeStr);
            value.amountStr = parseInt(value.productPriceStr) + parseInt(value.shippingFeeStr);
            value.amountStr = MomeyChangeCommaFormat(ConvertMoneyToDBUse(value.amountStr));
        });
        $("#tbody_space").html($("#tem1").render(getinitRe.memberToolboxes)); //把Json的值塞入到定義好的script id內利用.render
        initTable();
    }
    else {
        $("#tbody_space").html("<tr><td colspan='9'>無商品歷史項紀錄</td></tr>");
    }
 
 
 
 
 
.load:
 
 
Ex:
 
index.html:
 
<script>
    jQuery(document).ready(function() {    
        $("#header").load("header.html");
        $("#footer").load("footer.html");
    });
</script>
 
<html>
    <div id="header"></div>
 
      .......
 
    <div id="footer"></div>
</html>
 
header.htm:
 
 

<%@ page language="java" contentType="text/html;charset=utf-8"%>
<%@ page import="payment.*"%>
<div class="wrapper header">
   <div class="container_12">
      <li><a href="http://www.firstbank.com.tw/index.action" title="AAA">我是A</a></li>
      <li class="clapbroad"></li>
      <li><a href="http://www.firstbank.com.tw/index.action" title="BBB">我是B</a></li>
      <li class="clapbroad"></li>
      <li><a href="http://www.firstbank.com.tw/index.action" title="CCC">我是C</a></li>
      <li class="clapbroad"></li>
      <li><a href="http://www.firstbank.com.tw/index.action" title="DDDD">我是D</a></li>
   </div>
</div>
<!--end:header-->

 
 
 
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 JoshS 的頭像
    JoshS

    JoshS的部落格

    JoshS 發表在 痞客邦 留言(0) 人氣()