dwz实现双击回带数据

最新推荐文章于 2019-11-15 10:09:22 发布

原创最新推荐文章于 2019-11-15 10:09:22 发布 · 322 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #dwz #双击回带数据 #freemarker

前端技术专栏收录该内容

10 篇文章

订阅专栏

本文介绍如何在Freemarker模板的表格中使用双击事件(clickSE)来触发JS函数，并通过设置唯一标识(list_index)实现数据带回功能，详细解析了在 tbody 和 tr 标签中嵌入Freemarker逻辑表达式的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ftl文件的tbody中：

<tbody>
           <#list p.results as list>
               <tr target="id" rel="${list.ID}" onDblClick="clickSE(${list_index})">
                   <td target="mer_no" rel="${list.MER_NO}">${(list.MER_NO)!}</td>
                   <td >
                       <#if list.MER_TYPE??>
                           <#if list.MER_TYPE==0>
                           <#assign xxx="困难商户"/>
                           困难商户
                           <#else>
                           <#assign xxx="正常商户"/>
                           正常商户
                           </#if>
                       <#else>
                           <#assign xxx=""/>
                       </#if>
                   </td>
                   <td >${(list.MER_NAME)!}</td>
                   <td >
                       <#if list.MER_SEX??>
                           <#if list.MER_SEX==0>
                           女
                           <#else>
                           男
                           </#if>
                       <#else>
                       </#if>
                   </td>
                   <td >${(list.MER_PHONE)!}</td>
                   <td >${(list.LICENSE)!}</td>
                   <td >
                       <#if list.KIND??>
                           <#if list.KIND==0>
                           大饼
                           <#else>
                           一切
                           </#if>
                       <#else>
                       </#if>
                   </td>
                   <td >${(list.addr)!}</td>
                   <td >${(list.MER_CARD)!}</td>
                   <td >${(list.NOW_ADDRESS)!}</td>
                   <td >
                       <#if list.STATUS==0>
                       <span style="color: blue">申请商户</span>
                       <#elseif list.STATUS==1>
                       <span style="color: green">正式商户</span>
                       <#else>
                       <span style="color: red">注销商户</span>
                       </#if>
                   </td>
                   <td >${(list.DEPOSIT)?default(0.00)?string(',##0.00')!}</td>
                   <td >${(list.ADDDATE)!}</td>
                   <td >${(list.LIC)!}</td>
                   <td style="width: 68px;">
                       <div>
<a id="${list_index}" class="btnSelect" href="javascript:$.bringBack({mer_no:'${(list.MER_NO)!}',mer_name:'${(list.MER_NAME)!}',mer_phone:'${(list.MER_PHONE)!}',
                               mer_type:'${(list.MER_TYPE)!}',address:'${(list.ADDR)!}',points:'${(list.POINTS)!}',position:'${(list.position)!}',mer_typ:'${xxx}'})" title="查找带回" onclick="javascript:$.pdialog.closeCurrent();">选择</a>
                       </div>
                   </td>
               </tr>
           </#list>
       </tbody>

主要是在<tr>标签中添加双击事件 onDblClick="clickSE(${list_index})"，list_index表示集合list的循环下标，是循环出的每一列的唯一标识，为<a id="${list_index}" class="btnSelect"..........;">选择</a> 设置唯一标识id="${list_index}"，然后在js中根据这一标识，模拟a标签鼠标点击，数据带回事件。

js中：

到此，双击要选中的列，即可回带数据到原有页面了。