1. <table class = "table jtable table-bordered table-striped hide" id = "table_1" >
  2. <thead>
  3. <tr>
  4. <th style = "width: 50px;" >序号</th>
  5. <th style = "width: 150px;" >预算编号</th>
  6. <th style = "width: 100px;" >参考编号</th>
  7. <th style = "width: 220px;" >预算名称</th>
  8. <th style = "width: 100px;" class='teaDept' >部门</th>
  9. <th style = "width: 100px;" class='teaBrand'>品牌</th>
  10. <th style = "width: 100px;" class='teaBudItem'>预算科目</th>
  11. <th style = "width: 50px;" class='teaCompany'>公司</th>
  12. <th style = "width: 100px;" >预算币种</th>
  13. <th style="width: 50px;">操作</th>
  14. </tr>
  15. </thead>
  16. <tbody>
  17. <tr class = "tr_row" >
  18. <td>
  19. <span class="label label-sm label-success label-mini"> 1 </span>
  20. </td>
  21. <td>
  22. <input class = "form-control input-sm txt-required valid eaBudcode" id = "BudgetCode" name = "BudgetCode" type = "text" value = "" placeholder = "支持系统生成/用户输入,系统内唯一即可" data-bind="value:BudgetCode"/>
  23. </td>
  24. <td>
  25. <input class = "form-control input-sm eaClientCode" id = "tbClientCode" name = "tbClientCode" type = "text" value = ""/>
  26. </td>
  27. <td>
  28. <textarea rows = "2" class = "form-control input-sm txt-required valid eaBudName" id = "tbBudName" name = "tbBudName" ></textarea>
  29. </td>
  30. <td class='teaDept'>
  31. <select class = "fk-select form-control eaDept" id = "ddlDept" name="ddlDept" ></select>
  32. </td>
  33. <td class='teaBrand'>
  34. <select class = "fk-select form-control eaBrand" id = "ddlBrand" name="ddlBrand" >
  35. </select>
  36. </td>
  37. <td class='teaBudItem'>
  38. <select class = "fk-select form-control eaBudItem" id = "ddlBudItem" name="ddlBudItem">
  39. </select>
  40. </td>
  41. <td class='teaCompany'>
  42. <select class = "fk-select form-control eaCompany" id = "ddlCompany" name="ddlCompany">
  43. </select>
  44. </td>
  45. <td>
  46. <select class = "fk-select form-control eaCurrency" id = "ddlCurrency" name="ddlCurrency" >
  47. </select>
  48. </td>
  49. <td>
  50. <div class="input-group btn-group-xs margin-bottom-5">
  51. <span class="input-group-btn margin-top-5" data-title="faplus">
  52. <a href="javascript:void(0);" class="btn default btn-xs" name="CopyTr" title="复制"><i class="fa fa-plus"></i></a>
  53. </span>
  54. <span class="input-group-btn " data-title="faplus">
  55. <a href="javascript:void(0);" class="btn default btn-xs" name="DelTr" title="删除"><i class="fa fa-minus"></i></a>
  56. </span>
  57. </div>
  58. </td>
  59. </tr>
  60. </table>

以下是table的js

  1. /* 获取table表格的数据项.*/
  2. function getTableData() {
  3. var data = [];
  4. $("#table_1 tbody tr").each(function(i, item) {
  5. data.push({
  6. "BudgetCode" : $("input[name='BudgetCode']", item).val(),
  7. "ClientCode" : $("input[name='tbClientCode']", item).val(),
  8. "BudgetName" : $("textarea[name='tbBudName']", item).val(),
  9. "DeptID" : $("select[name='ddlDept']", item).val(),
  10. "BrandID" : $("select[name='ddlBrand']", item).val(),
  11. "BudgetItemID" : $("select[name='ddlBudItem']", item).val(),
  12. "CompanyID" : $("select[name='ddlCompany']", item).val(),
  13. "CurrencyID" : $("select[name='ddlCurrency']", item).val(),
  14. "BudCategoryID": $("#ddlBudCategory").val(), //预算类别id
  15. "ParentID": $("#tbParBudCode").val() //上级编号
  16. });
  17. });
  18. //console.log("data1:" + data);
  19. return data; //返回数据
  20. }

table中填写数据并批量增加的更多相关文章

  1. js穿梭框;将两个table中的数据选中移动

    将table中选中的数据移动到右边: 点击一行中的任意一个位置,使其选中: 注:attr()和prop()都是jquery的方法: .attr() : 获取匹配的元素集合中的第一个元素的属性的值 或 ...

  2. 向已有的table中插入数据

    table: <table id="seleted-table" class="table table-bordered table-hover" sty ...

  3. 从Excel中读取数据并批量写入MySQL数据库(基于MySQLdb)

    一.Excel内容如下,现在需要将Excel中的数据全部写入的MySQL数据库中: 二.连接MySQL的第三方库使用的是“MySQLdb”,代码如下: # -*- coding:utf-8 -*-im ...

  4. table中实现数据上移下移效果

    html 由于vue+Element项目中的table,没有开放的上移下移的api,但是能对数据操作,故思路为数组中的一条数据,再重新添加一条数据,办法有点笨,但是好歹也是实现了,望有好的办法的,请留 ...

  5. ado.net中,数据的批量处理

    //btBigImport按钮点击事件 private void btBigImport_Click(object sender, RoutedEventArgs e)        { //连接字符 ...

  6. Jquyer table 中的数据分页

    直接上代码,复制出来就可以使用 <!DOCTYPE html> <html> <head lang="en"> <meta charset ...

  7. 向多页TABLE中插入数据时,新增行总是在当前页的最后一行

    CODE IN CO OATableBean table = (OATableBean)webBean.findChildRecursive("LineTable"); int n ...

  8. 从Excel中读取数据并批量写入MySQL数据库(基于pymysql)

    一.Excel内容时这样的: 二.最初的代码是这样的: # -*- coding:utf-8 -*-import pymysqlfrom xlrd import open_workbook class ...

  9. 执行相应操作后,将表单及table中数据清空

    使用 ccms.util.clearForm('要清空的表单的id'); $("#table中显示数据部分的id").empty();

随机推荐

  1. git版本管理工具 标签(Tag) / 版本回退 / 分支的简单使用

    a.标签 标签,可以使用这个功能来标记发布结点. 举个例子, 假如我们的项目版本目前是1.2版本, 上级要求这个版本要在半个月后再进行上传至Appstore, 并要求我们未来的半个月内,去写1.3版本 ...

  2. Http协议--请求报文和响应报文

           http协议是位于应用层的协议,我们在日常浏览网页比如在导航网站请求百度首页的时候,会先通过http协议把请求做一个类似于编码的工作,发送给百度的服务器,然后在百度服务器响应请求时把相应 ...

  3. 用TreeView控件遍历磁盘目录

    实现效果: 知识运用: ListView控件中Items集合的Add方法  TteeView控件中Nodes集合的Add方法 实现代码: private void Form1_Load(object ...

  4. 使ListView控件中的选择项高亮显示

    实现效果: 知识运用: ListView控件的SelectedItems属性 //获取在ListView控件中被选中数据项的集合 public ListView.SelectedListViewIte ...

  5. Problem D: 双向冒泡排序

    Problem D: 双向冒泡排序 Time Limit: 1 Sec  Memory Limit: 128 MBSubmit: 447  Solved: 197[Submit][Status][We ...

  6. bazel安装

    https://blog.csdn.net/cxq234843654/article/details/70861155 sudo apt-get install openjdk-8-jdk echo ...

  7. java基础——类加载与反射

    第1章 类加载器 1.1 类的加载 当程序要使用某个类时,如果该类还未被加载到内存中,则系统会通过加载,连接,初始化三步来实现对这个类进行初始化. (1)加载 就是指将class文件读入内存,并为之创 ...

  8. Jquery中的CheckBox、RadioButton、DropDownList的取值赋值实现代码

    随着Jquery的作用越来越大,使用的朋友也越来越多.在Web中,由于CheckBox. Radiobutton . DropDownList等控件使用的频率比较高,就关系到这些控件在Jquery中的 ...

  9. FILE对象线程安全

    根据apue讲述: 标准的IO例程可能从它们各自的内部数据结构的角度出发,是以线程安全的方式实现的!但在线程中,如果标准 IO例程都获取它们各自的锁,那么在做一次一个字符的IO时就会出现严重的性能下降 ...

  10. iView - Form中想要重置DatePicker生效,必须给DatePicker绑定value属性

    Form中想要重置DatePicker生效,必须给DatePicker绑定value属性