在 easyui中获取form表单中所有提交的数据 拼接到table列表中
form表单=====
<!-- 并用药品填写信息弹框 -->
<div id="usingProdctMsgDiv" style="display: none">
<form id="usingProdctMsgform" >
<table id="producttable">
<tr>
<td align="right">产品编号: </td>
<td>
<input id="product_no" name="product_no" readonly="readonly"></input>
</td>
<td align="right">产品名称:</td>
<td>
<input id="product_name" name="product_name" readonly="readonly"></input>
</td>
</tr>
<tr>
<td align="right">用药开始时间: </td>
<td>
<input id="starttime_frame" name="starttime_frame"></input>
</td>
<td align="right">用药结束时间:</td>
<td>
<input id="endtime_frame" name="endtime_frame"></input>
</td>
</tr>
<tr>
<td align="right">用药原因: </td>
<td>
<input id="medical_reason" name="medical_reason"></input>
</td>
<td align="right">通用名称:</td>
<td>
<input id="common_name" name="common_name"></input>
</td>
</tr>
</table>
</form>
</div>
js代码=======
var data = $('#usingProdctMsgform').serializeArray();//usingProdctMsgform form表单id
//alert(JSON.stringify(data));
var json={};
for(var i=0;i<data.length;i++){
json[data[i]['name']]=data[i]['value'];
}
//alert(JSON.stringify(json));
//alert(JSON.stringify(json));
$('#usingProductTableUpdate').datagrid('appendRow', json);
table表单======
$('#usingProductTableUpdate').datagrid({
width: 'auto',
height:'200px',
striped: true,
fit: true,
pagination: true,
scrollbarSize: 0,
singleSelect: true,
url:'',
loadMsg: '数据加载中请稍后……',
columns: [[{
field: 'bad_survey_no',
title: '不良调查编号',
align: 'center',
resizable: false,
width: '10%'
},{
field: 'product_name',
title: '商品名称',
align: 'center',
resizable: false,
width: '15%'
},{
field: 'product_no',
title: '产品编号',
align: 'center',
resizable: false,
width: '18%'
}, {
field: 'starttime_frame',
title: '用药开始时间',
align: 'center',
resizable: false,
width: '18%'
}, {
field: 'endtime_frame',
title: '用药结束时间',
align: 'center',
resizable: false,
width: '18%'
}, {
field: 'common_name',
title: '通用名称',
align: 'center',
resizable: false,
width: '16%'
}
]],
method: 'post',
toolbar: [{
text:'清空',
iconCls: 'icon-help',
handler: function(){
$.messager.confirm('删除数据', '您确定清空数据吗?', function(r){
//清空类表数据
$('#usingProductTableUpdate').datagrid('loadData', {total: 0, rows: []});
});
}
}]
});
})
在 easyui中获取form表单中所有提交的数据 拼接到table列表中的更多相关文章
- 过滤器中获取form表单或url请求数据
var httpFormData = filterContext.HttpContext.Request.Form; var logContent = string.Empty; //获取url的 l ...
- jQuery中设置form表单中action的值的方法
下面介绍在jQuery中设置form表单中action的值的方法. $("#myFormId").attr("action", "userinfo.s ...
- jQuery中设置form表单中action值与js有什么不同。。。。
jQuery中设置form表单中action值与js有什么不同.... HTML代码如下: <form action="" method="post" i ...
- jQuery中设置form表单中action值的方法
jQuery中设置form表单中action值的方法 (2011-03-17 10:18:19) 转载▼ 标签: 杂谈 html代码: <form id="myFormId&quo ...
- jsp中的form表单中的 id和name有什么区别了
<form action="./system/WebServer_webServerLogin" method="post" id="login ...
- ASP.NET在MVC控制器中获取Form表单值的方法
在网站开发中我们经常需要用到表单,那么,在前台页面的表单中提交到后台控制器后,后台控制器如何接收表单提交过来的数据呢?下面我们介绍几种常用的方法. 我们先看看前台页面,这里我们用一个用户名和密码的表单 ...
- 在vue中的form表单中下拉框中的数据来自数据库查询到的数据
文章目录 1.实现的效果: 2.前端html代码 3.js中的代码 4.后端的方法 1.实现的效果: 增加一个新的类型到数据库 2.前端html代码 需要注意的部分:prop后边是表单中的字段 v-m ...
- jquery获取form表单中的内容,并将表单内容更新到datagrid的一行
//执行不刷新页面更新所修改的行 var arr = $('#patient_form').serializeArray();//将表单中的数据格式化成数组 var m = new Array(); ...
- jquery获取form表单内容以及绑定数据到form表单
在日常开发的过程中,难免会用到form表单,我们需要获取表单的数据保存到数据库,或者拿到后台的一串json数据,要将数据绑定到form表单上,这里我写了一个基于jquery的,formHelp插件,使 ...
随机推荐
- rest-framework 响应器(渲染器)
一 作用: 根据 用户请求URL 或 用户可接受的类型,筛选出合适的 渲染组件. 用户请求URL: http://127.0.0.1:8000/test/?format=json http ...
- web服务器专题:tomcat基础及模块
Web服务器专题:Tomcat(一)基础架构 针对java系的经典服务器,打算系统的整理一下Tomcat的机制和一些原理,以此记录. 插一则题外话,关于tomat这个名字的由来:Tomcat 名称的由 ...
- 浅尝 Elastic Stack (四) Logstash + Beats 读取 Spring Boot 日志
一.Spring Boot 日志配置 采用 Spring Boot 默认的 Logback: <?xml version="1.0" encoding="UTF-8 ...
- cf div2 round 688 题解
爆零了,自闭了 小张做项目入职字节 小李ak wf入职ms 我比赛爆零月薪3k 我们都有光明的前途 好吧,这场感觉有一点难了,昨天差点卡死在B上,要不受O爷出手相救我就boom zero了 第一题,看 ...
- PyQt(Python+Qt)学习随笔:使用QtWidgets.qApp实现在程序中随时访问应用的方法
在PyQt应用中,任何一个应用在启动时必须创建一个基于QtWidgets.QApplication或其派生类对应的应用对象,该对象用于处理事件. 如果需要在应用代码中的任何位置都能访问该应用对象,可以 ...
- dm8数据库的安装 for linux
目录 dm8数据库的安装 for linux 1.创建用户 2.修改limit的文件 3.解压文件安装包 4.挂载iso镜像 5.对于安装介质和目录进行权限授予 6.切换用户安装数据库软件 7.dm数 ...
- PC微信[多开+免扫码+防撤回撤回提示+转存语音+自动收款+远程命令]
PC端微信玩出了新花样,主要技术为Hook技术 有兴趣的小伙伴可以去了解下hook钩子技术 版本介绍: 增加转存语音到MP3(保存你重要的语音数据) 增加表图转存; 增加自动收转账和自动回复; 增加远 ...
- 操作系统精髓与设计原理(九)——I/O管理和磁盘调度
文章目录 I/O设备 I/O功能组织 直接存储器访问 操作系统设计问题 设计目标 IO功能的逻辑结构 I/O缓冲 单缓冲 双缓冲 循环缓冲 缓冲的作用 磁盘调度 磁盘性能参数 磁盘调度策略 先进先出 ...
- STL——容器(Map & multimap)的排序与遍历
1. Map & multimap 的排序与遍历 map<T1,T2,less<T1> > mapA; //该容器是按键的升序方式排列元素.如果未指定less< ...
- Docker部署FastDFS(附示例代码)
1. FastDFS简介 FastDFS是一个开源的分布式文件系统,它对文件进行管理,功能包括:文件存储.文件同步.文件访问(文件上传.文件下载)等,解决了大容量存储和负载均衡的问题.特别适合以文 ...