table中填写数据并批量增加
- <table class = "table jtable table-bordered table-striped hide" id = "table_1" >
- <thead>
- <tr>
- <th style = "width: 50px;" >序号</th>
- <th style = "width: 150px;" >预算编号</th>
- <th style = "width: 100px;" >参考编号</th>
- <th style = "width: 220px;" >预算名称</th>
- <th style = "width: 100px;" class='teaDept' >部门</th>
- <th style = "width: 100px;" class='teaBrand'>品牌</th>
- <th style = "width: 100px;" class='teaBudItem'>预算科目</th>
- <th style = "width: 50px;" class='teaCompany'>公司</th>
- <th style = "width: 100px;" >预算币种</th>
- <th style="width: 50px;">操作</th>
- </tr>
- </thead>
- <tbody>
- <tr class = "tr_row" >
- <td>
- <span class="label label-sm label-success label-mini"> 1 </span>
- </td>
- <td>
- <input class = "form-control input-sm txt-required valid eaBudcode" id = "BudgetCode" name = "BudgetCode" type = "text" value = "" placeholder = "支持系统生成/用户输入,系统内唯一即可" data-bind="value:BudgetCode"/>
- </td>
- <td>
- <input class = "form-control input-sm eaClientCode" id = "tbClientCode" name = "tbClientCode" type = "text" value = ""/>
- </td>
- <td>
- <textarea rows = "2" class = "form-control input-sm txt-required valid eaBudName" id = "tbBudName" name = "tbBudName" ></textarea>
- </td>
- <td class='teaDept'>
- <select class = "fk-select form-control eaDept" id = "ddlDept" name="ddlDept" ></select>
- </td>
- <td class='teaBrand'>
- <select class = "fk-select form-control eaBrand" id = "ddlBrand" name="ddlBrand" >
- </select>
- </td>
- <td class='teaBudItem'>
- <select class = "fk-select form-control eaBudItem" id = "ddlBudItem" name="ddlBudItem">
- </select>
- </td>
- <td class='teaCompany'>
- <select class = "fk-select form-control eaCompany" id = "ddlCompany" name="ddlCompany">
- </select>
- </td>
- <td>
- <select class = "fk-select form-control eaCurrency" id = "ddlCurrency" name="ddlCurrency" >
- </select>
- </td>
- <td>
- <div class="input-group btn-group-xs margin-bottom-5">
- <span class="input-group-btn margin-top-5" data-title="faplus">
- <a href="javascript:void(0);" class="btn default btn-xs" name="CopyTr" title="复制"><i class="fa fa-plus"></i></a>
- </span>
- <span class="input-group-btn " data-title="faplus">
- <a href="javascript:void(0);" class="btn default btn-xs" name="DelTr" title="删除"><i class="fa fa-minus"></i></a>
- </span>
- </div>
- </td>
- </tr>
- </table>
以下是table的js
- /* 获取table表格的数据项.*/
- function getTableData() {
- var data = [];
- $("#table_1 tbody tr").each(function(i, item) {
- data.push({
- "BudgetCode" : $("input[name='BudgetCode']", item).val(),
- "ClientCode" : $("input[name='tbClientCode']", item).val(),
- "BudgetName" : $("textarea[name='tbBudName']", item).val(),
- "DeptID" : $("select[name='ddlDept']", item).val(),
- "BrandID" : $("select[name='ddlBrand']", item).val(),
- "BudgetItemID" : $("select[name='ddlBudItem']", item).val(),
- "CompanyID" : $("select[name='ddlCompany']", item).val(),
- "CurrencyID" : $("select[name='ddlCurrency']", item).val(),
- "BudCategoryID": $("#ddlBudCategory").val(), //预算类别id
- "ParentID": $("#tbParBudCode").val() //上级编号
- });
- });
- //console.log("data1:" + data);
- return data; //返回数据
- }
table中填写数据并批量增加的更多相关文章
- js穿梭框;将两个table中的数据选中移动
将table中选中的数据移动到右边: 点击一行中的任意一个位置,使其选中: 注:attr()和prop()都是jquery的方法: .attr() : 获取匹配的元素集合中的第一个元素的属性的值 或 ...
- 向已有的table中插入数据
table: <table id="seleted-table" class="table table-bordered table-hover" sty ...
- 从Excel中读取数据并批量写入MySQL数据库(基于MySQLdb)
一.Excel内容如下,现在需要将Excel中的数据全部写入的MySQL数据库中: 二.连接MySQL的第三方库使用的是“MySQLdb”,代码如下: # -*- coding:utf-8 -*-im ...
- table中实现数据上移下移效果
html 由于vue+Element项目中的table,没有开放的上移下移的api,但是能对数据操作,故思路为数组中的一条数据,再重新添加一条数据,办法有点笨,但是好歹也是实现了,望有好的办法的,请留 ...
- ado.net中,数据的批量处理
//btBigImport按钮点击事件 private void btBigImport_Click(object sender, RoutedEventArgs e) { //连接字符 ...
- Jquyer table 中的数据分页
直接上代码,复制出来就可以使用 <!DOCTYPE html> <html> <head lang="en"> <meta charset ...
- 向多页TABLE中插入数据时,新增行总是在当前页的最后一行
CODE IN CO OATableBean table = (OATableBean)webBean.findChildRecursive("LineTable"); int n ...
- 从Excel中读取数据并批量写入MySQL数据库(基于pymysql)
一.Excel内容时这样的: 二.最初的代码是这样的: # -*- coding:utf-8 -*-import pymysqlfrom xlrd import open_workbook class ...
- 执行相应操作后,将表单及table中数据清空
使用 ccms.util.clearForm('要清空的表单的id'); $("#table中显示数据部分的id").empty();
随机推荐
- git版本管理工具 标签(Tag) / 版本回退 / 分支的简单使用
a.标签 标签,可以使用这个功能来标记发布结点. 举个例子, 假如我们的项目版本目前是1.2版本, 上级要求这个版本要在半个月后再进行上传至Appstore, 并要求我们未来的半个月内,去写1.3版本 ...
- Http协议--请求报文和响应报文
http协议是位于应用层的协议,我们在日常浏览网页比如在导航网站请求百度首页的时候,会先通过http协议把请求做一个类似于编码的工作,发送给百度的服务器,然后在百度服务器响应请求时把相应 ...
- 用TreeView控件遍历磁盘目录
实现效果: 知识运用: ListView控件中Items集合的Add方法 TteeView控件中Nodes集合的Add方法 实现代码: private void Form1_Load(object ...
- 使ListView控件中的选择项高亮显示
实现效果: 知识运用: ListView控件的SelectedItems属性 //获取在ListView控件中被选中数据项的集合 public ListView.SelectedListViewIte ...
- Problem D: 双向冒泡排序
Problem D: 双向冒泡排序 Time Limit: 1 Sec Memory Limit: 128 MBSubmit: 447 Solved: 197[Submit][Status][We ...
- bazel安装
https://blog.csdn.net/cxq234843654/article/details/70861155 sudo apt-get install openjdk-8-jdk echo ...
- java基础——类加载与反射
第1章 类加载器 1.1 类的加载 当程序要使用某个类时,如果该类还未被加载到内存中,则系统会通过加载,连接,初始化三步来实现对这个类进行初始化. (1)加载 就是指将class文件读入内存,并为之创 ...
- Jquery中的CheckBox、RadioButton、DropDownList的取值赋值实现代码
随着Jquery的作用越来越大,使用的朋友也越来越多.在Web中,由于CheckBox. Radiobutton . DropDownList等控件使用的频率比较高,就关系到这些控件在Jquery中的 ...
- FILE对象线程安全
根据apue讲述: 标准的IO例程可能从它们各自的内部数据结构的角度出发,是以线程安全的方式实现的!但在线程中,如果标准 IO例程都获取它们各自的锁,那么在做一次一个字符的IO时就会出现严重的性能下降 ...
- iView - Form中想要重置DatePicker生效,必须给DatePicker绑定value属性
Form中想要重置DatePicker生效,必须给DatePicker绑定value属性