<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中填写数据并批量增加的更多相关文章

  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. HBuilder发行App(Android和ios)

    怎样将开发好的app测试和上架,此文包括Android和ios打包.测试和上架的大概过程.内容有些简陋,因为此过程踏坑无数,特此留念. 特此声明:内容不全仅供参考. 介绍两个参考网站: 1. http ...

  2. FW 数据库迁移之从oracle 到 MySQL

    方式一: 手动方式导入导出 手动的方式导入, 就是操作步骤会比较繁琐一些. 对Table 的结构和数据: 1. 使用 SQL Developer 把 oracle 的 table 的schema 和 ...

  3. vue组件 $children,$refs,$parent的使用

    如果项目很大,组件很多,怎么样才能准确的.快速的寻找到我们想要的组件了?? 1)$refs 首先你的给子组件做标记.demo :<firstchild ref="one"&g ...

  4. os.walk 模块

    os.walk()可以得到一个三元tupple(dirpath, dirnames, filenames),其中第一个为起始路径,第二个为起始路径下的文件夹,第三个是起始路径下的文件. 其中dirpa ...

  5. SpringBoot学习记录(一)

    1. Spring的Java配置方式 Java配置是Spring4.x推荐的配置方式,可以完全替代xml配置. 1.1. @Configuration 和 @Bean Spring的Java配置方式是 ...

  6. komodo-edit

    sudo add-apt-repository ppa:mystic-mirage/komodo-edit sudo apt-get update sudo apt-get install komod ...

  7. 学习 KMP 算法

    KMP 算法是用来处理字符串匹配问题的.也就是给你两个字符串,你需要回答:B 串是否是 A 串的子串(或 B 串在 A 串中出现的位置).比如,字符串 A = “ i am student ”, 字符 ...

  8. SpringMVC URL模板模式映射

    使用@RequestMaping和@PathVariable 组合使用 通过 @PathVariable  可以将 URL 中占位符参数绑定到控制器处理方法的入参中:URL 中的 {xxx} 占位符可 ...

  9. ATM-core-src

    from interface import bank, shopping, userfrom lib import common user_data = { 'name': None} def log ...

  10. 极路由安装SS,SSR,搬运,侵权删除

    打开路由器的开发者模式 使用SSH,登录到路由器后台 复制以下代码,粘贴即可 cd /tmp $ echo "127.0.0.1 hiwifiss.ml" > /etc/ho ...