在 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插件,使 ...
随机推荐
- 05_Content Provider
Content Provider是内容提供器,与内容(数据)的存取(存储.获取)有关,是Android应用程序的四大组成部分之一,是Android中的跨应用访问数据机制. 数据库在Android当中是 ...
- OLLVM快速学习
近来,ollvm在国内移动安全,尤其是安全加固上的使用越来越广泛,ollvm的混淆和反混淆也被视为比较高等的知识之一,让很多人感到无从下手,望尘莫及.如果你在google上搜索ollvm,你会发现第一 ...
- 派大星的烦恼MISC
挺有意思的杂项,python将二进制转图片的时候出现的图片不像二维码,想看题解的时候发现网上的大部分题解都是直接转发,更有意思了. 题目是派大星的烦恼,给了我们一张粉红图片,放进010editor里面 ...
- 题解-Roman and Numbers
题解-Roman and Numbers 前置知识: 数位 \(\texttt{dp}\) </> \(\color{#9933cc}{\texttt{Roman and Numbers} ...
- JAVA中关于set()和get()方法的理解以及使用
set()和get()方法的理解 set和get这两个词的表面意思,set是设置的意思,而get是获取的意思,顾名思义,这两个方法是对数据进行设置和获取用的. 而且,在类中使用set和get方法时,都 ...
- MySQL增强半同步的搭建实验,和一些参数的个人理解
关于参数理解,已补充实验,可以查看: rpl_semi_sync_master_wait_no_slave 参数研究实验 环境信息 role ip port hostname master 192.1 ...
- Spring Boot 最简单的解决跨域问题
跨域问题(CORS) CORS全称Cross-Origin Resource Sharing,意为跨域资源共享.当一个资源去访问另一个不同域名或者同域名不同端口的资源时,就会发出跨域请求.如果此时另一 ...
- Spring MVC或Spring Boot配置默认访问页面不生效?
相信在开发项目过程中,设置默认访问页面应该都用过.但是有时候设置了却不起作用.你知道是什么原因吗?今天就来说说我遇到的问题. 首先说说配置默认访问页面有哪几种方式. 1.tomcat配置默认访问页面 ...
- json 注释
一.背景 今天聊个小东西,Json的的的注释.Json十分常见,大家用的很多,在语法上,规范的Json要求,文件里不可以写注释.原因呢,我调查了一下: I removed comments from ...
- create-react-app 基于TS的项目
写在前面 最近在用React,发现百度了很多都没有找到基于TS的React项目搭建,很多是老的方法已经属于不成功的了,今天我把最新的搭建基于ts的React的项目分享出来 create-react-a ...