<strong>1 绑定后台数据到指定模板(无嵌套,内容均为后台数据原始信息,前台绑定)<br></strong>以通话记录页为例:<br>首先指定目标容器:<br><div class="codetitle"><span><a class="copybut" data="95377" id="copybut95377"><u>复制代码</u></a></span> 代码如下:</div><div class="codebody" id="code95377"><br> <dl class="box_pannel_content_filled_border none" id="gvRecCalls"><br> <dd class="bg_blue"><br> <p class="width_level_half_2 fl nopitch"></p><br> <p class="width_level_half_5 bold fl">被叫号码</p><br> <p class="width_level_half_5 bold fl">主叫号码</p><br> <p class="width_level_half_6 bold fl">起始时间</p><br> <p class="width_level_half_4 bold fl" id="pAmount">金额($)</p><br> <p class="width_level_half_4 bold fl">时长</p><br> <p class="width_level_half_10 bold fl">区域</p><br> <p class="width_level_half_4 bold fl nopitch" name="pCDRHeader">CDR ID</p><br> <p class="width_level_half_2 fl none" name="pSelectCbHeader"></p><br> <p class="width_level_half_2 fr none" name="pDeleteCbHeader"></p><br> </dd><br></dl><br></div><br>其次指定模板数据:<br><div class="codetitle"><span><a class="copybut" data="87091" id="copybut87091"><u>复制代码</u></a></span> 代码如下:</div><div class="codebody" id="code87091"><br><dl id="RecCallsTemplate" ><br><dd ><br><p class="center width_level_half_2 fl nopitch"><br><b class="${CallMode == 1 ? 'icon_call_in' : 'icon_call_out'}" ></b><br></p><br><span class="width_level_half_5 fl"><span style="color:#FF0000;">${CalledStationId}</span></span><br><span class="width_level_half_5 fl">${CallingStationId.substr(CallingStationId.indexOf("*") + 1)}</span><br><span class="width_level_half_6 fl" id="Start_time" >${StartTime}</span><br><span class="width_level_half_4 fl">${CSSCommonJS.ChangeDecimal(Revenue,3)}</span><br><span class="width_level_half_4 fl"><span style="color:#FF0000;">${CSSCommonJS.GetTimeFormatString(RevenueTime)}</span></span><br><span class="width_level_half_10 fl">${Location} </span><br><span class="width_level_half_4 fl nopitch" name="pCDRHeader" >${CdrId}</span><br><p class="right width_level_half_2 fr none" name="pSelectCbHeader"><br><input type="checkbox" name="cbSelect" class="label" /></p><br><span class="fl none" name="pDeleteCbHeader"><br><button class="crm_btn norm" id="btDelete"><b>删除</b></button><br></span><br></dd><br><br></dl><br></div><br>后台进行绑定:<br> <script src="Scripts/jquery.tmpl.js" type="text/javascript"></script><br>function RenderTemplatefunction(container, template, data) {<br> $(template).tmpl(data).appendTo(container); //原始方法<br>};<br> CSSCommonJS.RenderTemplatefunction($(t.panelID).find("#gvRecCalls"), $(t.panelID).find("#RecCallsTemplate"), result.CdrData);<br><strong>2 指定模板中无通配符,后台填充数据(许愿墙实现)<br></strong>前台:<br><div class="codetitle"><span><a class="copybut" data="65065" id="copybut65065"><u>复制代码</u></a></span> 代码如下:</div><div class="codebody" id="code65065"><br> <div id="content"><br> <!-- 模板数据--><br> <div id="ItemList"><br> </div><br> <!-- 模板数据end--><br> </div><br> <div id="ItemTemplate" style="display: none;"><br> <dd><br> <div class="items"><br> <div class="bg"><br> <div class="info"><br> <a href="#" id="btnTitle"><span id="item_title"></span></a><br> </div><br> <div class="k"><br> </div><br> &nb |
|