用jquery实现动态列表

我就是我 2022-05-25 11:41 390阅读 0赞

html：

//工单表

<table id="tcdSalesTable" style="position: absolute;top:10px;left:10%;">  
<tr>  
<td >工单编号</td>  
<td >工单类型</td>  
<td >设备编号</td>  
</tr>

</table>

//费用表

<table id="payTable" class="inline-table" style="position: absolute;top:10px;left:10%;">  
<tr>  
<td style="">费用名称</td>  
<td style="">金额</td>  
<td style="">凭证</td>  
</tr>  
</table>

javaScript：

$(function()\{

//拼接工单表

//判断该列表（entityList）是否存在，并对其进行遍历和重命名。

var worekHtml="<\#if entityList??> <\#list entityList as entityLists> <tr>";

//注：实体引用用单引号修饰

worekHtml+='<td style="border: 1px solid \#C9C9C9;">'+'$\{entityLists.workNumber!''\}'+'</td>'  
if($\{entityLists.tefrwType!''\} == 2)  
         worekHtml+='<td style="border: 1px solid \#C9C9C9;">巡检工单</td>'  
if($\{entityLists.tefrwType!''\} == 1)  
worekHtml+='<td style="border: 1px solid \#C9C9C9;">维修工单</td>'  
worekHtml+='<td style="border: 1px solid \#C9C9C9;">'+'$\{entityLists.productNumber!''\}'+'</td>';  
worekHtml+="</tr> </\#list> </\#if>"  
$('\#tcdSalesTable').append(worekHtml);

拼接费用表：

var payHtml="<\#if payList??> <\#list payList as payLists> <tr>";  
payHtml+='<td style="border: 1px solid \#C9C9C9;">'+'$\{payLists.twName!''\}'+'</td>'  
\+'<td style="border: 1px solid \#C9C9C9;">'+'$\{payLists.tefriAmount!''\}'+'</td>'

\+'<td style="border: 1px solid \#C9C9C9;padding: 0px 0px;">

<img οnclick="openload(\\'$\{payLists.tefriFiles!''\}\\')" width="50" height="25" src="$\{payLists.tefriFiles!''\}"/>

</td>';

payHtml+="</tr> </\#list> </\#if>"  
$('\#payTable').append(payHtml);  
\});

发表评论取消回复

表情：

评论列表（有 0 条评论，390人围观）

还没有评论，来说两句吧...

相关阅读

相关 Jquery 实现下拉列表三级联动

需求: (1) 根据省、获得市、 (2) 通过市，再获得到县， (3) 每个下拉框数据都由一个数组组成; 效果：初始页面 ![201901151552241

朴灿烈づ我的快乐病毒、/ 2023年10月18日 13:46/ 0 赞/ 155 阅读

相关 JS 实现列表移动（JQuery实现）

JS 实现列表移动学习内容：需求总结：学习内容：需求用 JS 实现列表移动 ![在这里插入图片描述][waterma

我不是女神ヾ/ 2022年10月16日 10:29/ 0 赞/ 161 阅读

相关 jquery实现QQ列表功能

css: <style> { margin: 0; padding: 0;

超、凢脫俗/ 2022年09月14日 09:10/ 0 赞/ 202 阅读

相关 jQuery 实现左右Select列表数据互换

前言很简单的一个效果，交换两个select列表的option项，常用于“交换”相关的需求，效果图如下所示： ![2015112

素颜马尾好姑娘i/ 2022年08月14日 05:34/ 0 赞/ 211 阅读

相关使用ListAcyivity实现动态菜单列表

如果想让自己办写的程序继承与ListActivity，可用过下列方法来实现： getSelectItemId()：获取当前Key所选择的Item ID。 onContent

傷城~/ 2022年07月17日 02:38/ 0 赞/ 165 阅读

相关 jquery实现动态操作table

使用jquery实现动态创建行、删除行、行内计算、提交表格数据。 <%@ page language="java" import="java.util." pa

心已赠人/ 2022年07月14日 03:43/ 0 赞/ 291 阅读

相关 jquery的ajax动态下拉列表

后台是返回一个json字符串前台用ajax接收然后把data拼接成select下拉列表 script <script type="text/javascri

电玩女神/ 2022年06月04日 03:37/ 0 赞/ 259 阅读

相关用jquery实现动态列表

html： //工单表 <table id="tcdSalesTable" style="position: absolute;top:10px;left:10%;">

我就是我/ 2022年05月25日 11:41/ 0 赞/ 391 阅读

相关 jQuery实现QQ分组列表效果

一、实现效果 1.未点击分组标题之前，所有成员都隐藏 2.点击分组标题之后，隐藏的要显示，已经显示的要隐藏 3.在点击一个分组标题时，其他已经展开的分组，要隐藏二、代

雨点打透心脏的1/2处/ 2022年05月09日 19:48/ 0 赞/ 352 阅读

相关动态生成下拉列表（JQuery、EasyUI）

一、原生的select标签： <%@ page language="java" contentType="text/html; charset=UTF-8"

素颜马尾好姑娘i/ 2021年11月22日 12:40/ 0 赞/ 412 阅读