表单批量添加

最新推荐文章于 2022-03-24 13:38:37 发布
转载 最新推荐文章于 2022-03-24 13:38:37 发布 · 447 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://yq.aliyun.com/articles/338978
文章标签：

#前端 #ViewUI

批量添加表单如何写？

1.方案一

复制代码
<tbody>
                  <!--{if $aListData}-->
                  <!--{section name=data loop=$aListData}-->
                  <tr class="data_row">
                      <td class=""><!--{$aListData[data].name}--></td>        
                      <td class="">
                          <!--{if $aListData[data].regtype eq 1}-->
                          普通
                          <!--{else}-->
                          美术
                          <!--{/if}-->
                      </td> 
                      <td class="">
                          <input value="" name="exam[<!--{$aListData[data].id}-->][exch]" />
                      </td>
                      <td class="">
                          <input value="" name="exam[<!--{$aListData[data].id}-->][exeng]" />
                      </td>   
                      <td class="">
                          <input value="" name="exam[<!--{$aListData[data].id}-->][exmath]" />
                      </td>   
                      <td class="">
                          <input value="" <!--{if $aListData[data].regtype eq 2}-->disabled='disabled'<!--{/if}--> name="exam[<!--{$aListData[data].id}-->][exgen]" />
                      </td>
                      <td class="">
                          <input value="" <!--{if $aListData[data].regtype eq 1}-->disabled='disabled'<!--{/if}--> name="exam[<!--{$aListData[data].id}-->][exske]" />
                      </td>  
                      <td class="">
                          <input value="" <!--{if $aListData[data].regtype eq 1}-->disabled='disabled'<!--{/if}--> name="exam[<!--{$aListData[data].id}-->][excolor]" />
                      </td>                                  
                  </tr>
                  <!--{/section}-->
                <!--{/if}--> 
            </tbody>
复制代码

以id作为主键。

 

2.方案二，拼凑表单，后台处理提交数据

复制代码
<tbody>
                  <!--{if $aListData}-->
                  <!--{section name=data loop=$aListData}-->
                  <tr class="data_row">
                      <td class=""><!--{$aListData[data].name}--></td>        
                      <td class="">
                          <!--{if $aListData[data].regtype eq 1}-->
                          普通
                          <!--{else}-->
                          美术
                          <!--{/if}-->
                      </td> 
                      <td class="">
                          <input value="" name="d_<!--{$aListData[data].regtype}-->_<!--{$aListData[data].id}-->_exch" />
                      </td>
                      <td class="">
                          <input value="" name="d_<!--{$aListData[data].regtype}-->_<!--{$aListData[data].id}-->_exeng" />
                      </td>   
                      <td class="">
                          <input value="" name="d_<!--{$aListData[data].regtype}-->_<!--{$aListData[data].id}-->_exmath" />
                      </td>   
                      <td class="">
                          <input value="" <!--{if $aListData[data].regtype eq 2}-->disabled='disabled'<!--{/if}--> name="d_<!--{$aListData[data].regtype}-->_<!--{$aListData[data].id}-->_exgen" />
                      </td>
                      <td class="">
                          <input value="" <!--{if $aListData[data].regtype eq 1}-->disabled='disabled'<!--{/if}--> name="d_<!--{$aListData[data].regtype}-->_<!--{$aListData[data].id}-->_exske" />
                      </td>  
                      <td class="">
                          <input value="" <!--{if $aListData[data].regtype eq 1}-->disabled='disabled'<!--{/if}--> name="d_<!--{$aListData[data].regtype}-->_<!--{$aListData[data].id}-->_excolor" />
                      </td>                                  
                  </tr>
                  <!--{/section}-->
                <!--{/if}--> 
            </tbody>
复制代码

方案一更巧妙。



本文转自TBHacker博客园博客，原文链接：http://www.cnblogs.com/jiqing9006/p/3605354.html，如需转载请自行联系原作者

批量提交表单JS
01-06
批量提交表单JS，本人收藏的一个JS，还可以哦
Angular搜索 过滤 批量删除 添加 表单验证功能集锦(实例代码)
08-29
在本文中，我们将深入探讨如何在Angular应用中实现搜索、过滤、批量删除、添加和表单验证等核心功能。这些功能对于任何数据管理界面来说都是至关重要的，它们可以帮助用户更有效地处理和操作数据。 首先，搜索和...
表格批量导入
weixin_34238633的博客
05-17 146
从接触编程这份工作开始，就一直在使用thinkjs，之前做过一个批量导入的功能，现在就稍微整理一下，与人方便。 自己所做的“批量导入”表格的程序是：先将现有的表格上传上去，接着再把它导入到数据库，接着展现在页面上。 1. 上传文件需要的HTML代码：（如上！） 2.文件上传的js： 1 'use strict'; 2 3 var Base = require('./bas...
批量添加数据的表单界面（表单含树形下拉框）vue + element
fulai0_0的专栏
03-24 3997
1、批量保存多组数据。（表单含有树形下拉框） 2、支持删除数据 3、支持对数据进行表单检验
formset 实现表单的批量操作
no_name_sky的博客
08-01 731
Form和ModelForm用于做一个表单的验证，一个表单就是数据库表中的一行数据。formset用于做多个表单验证的组件。 对权限的批量增加 页面的展示和提交 模型类： class Menu(models.Model): """ 一级菜单表 """ title = models.CharField(verbose_name='一级菜单名称', max_length=32) icon = models.CharField(verbose_name="图标", max_
php批量添加数据与批量更新数据的实现方法
10-25
本文将详细介绍PHP中实现批量添加数据与批量更新数据的方法，并涉及表单处理和SQL语句的灵活运用。 批量添加数据 批量添加数据通常指的是将多条数据一次性插入到数据库中，这样可以有效减少数据库的交互次数，提高...
jQuery通过ajax快速批量提交表单数据
10-21
总体来说，文章所介绍的方法可以让开发者更加高效和便捷地处理表单数据的提交问题，特别是在需要处理大量表单数据或者需要无刷新用户体验的场景下，使用jQuery进行Ajax批量提交表单数据具有非常高的实用价值。
thinkphp框架表单数组实现图片批量上传功能示例
10-15
本示例将详细介绍如何利用ThinkPHP框架结合HTML表单数组实现图片的批量上传，并结合JavaScript进行前端交互。 首先，我们需要创建一个HTML页面，包含一个表单用于用户上传图片。在HTML中，我们可以创建一个表格（`...
java多选自动批量上传文件并提交表单
03-31
可能需要墙才能读取js文件
批量在同一页面中添加数据
06-16
本动态方法是用于批量添加相同性质信息，适用于页面录入项中有一部分是需要添加多条信息等情况。把要录入的批量信息在一个页面即可实现全部添加，一次提交。避免了为了一部分信息而提交多次的情况。同时附带了源码，直接修改复用即可。希望能帮助有这方面需求的朋友。
react.js 实现ant-design Table表格新增编辑复制form表单 实现批量添加
weixin_47433173的博客
09-10 2069
react.js 实现ant-design Table表格新增编辑复制form表单 实现批量添加 如图所示，可进行添加单行，复制插入行和删除行，下面为代码实现逻辑 state = { dataSource: [], //table里的form表单 }; columns = [ { title: '广告', dataIndex: 'adSlotType', width: 150, render: (text, record,
表单的单项处理与批量处理操作
戴翔的技术博客
04-20 568
单项处理 单项（单行）处理时，只需将数据行的主键id值作为入参传入处理函数即可。需要注意的是，添加c:if判断以避免重复处理。 <td class="center"> <c:if test="${item.approvalStatus == 'INITIAL'}"> <a class="btn btn-xs btn-success review" title="审核" οnclick="review('${item.id}');"> <i class=.
html中批量新增,Cdiscount卖家如何使用html描述批量添加表格？
weixin_32287563的博客
06-03 423
想必Cdiscount平台所有的卖家都知道，通过批量上传产品是能够为产品添加带Html语言的描述的。通过合理的运用Html语言，能够使产品页面变得更加美观，同时也能够让买家更加详细的了解产品的特性，增加购买的几率。但是，对于一些对HTML代码一窍不通的卖家来说，这项功能也就如鸡肋一般食之无味弃之可惜了。不过，很多卖家不知道的是，Cdiscount平台上还有这么一个神奇的表格，只需要填入基本信息并...
批量表单校验
List_Change的博客
02-11 421
&lt;!doctype html&gt;       &lt;html&gt;       &lt;head&gt;       &lt;meta charset="utf-8"&gt;       &lt;meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" /&gt;       &lt;
html中批量新增,[现实]HTML TABLE批量添加行与删除行
weixin_34826139的博客
06-03 234
表格格式如下: 日期开始时间结束时间议题地点内容操作 ...
用form表单实现一键批量增、删、改功能
yqwwj001的博客
12-15 2718
前台页面： 模板用的是smatey Document $(function(){ $("#add").click(function(){ $(this).parent().parent().before('') }) $("#de
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值