在 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插件,使 ...
随机推荐
- arthas监控elasticsearch(7.x)
arthas介绍 arthas是Alibaba推出的java诊断工具 官方文档 准备 准备docker环境 name port centos_arthas 3658:3658 docker run - ...
- wirshark找不到本地接口
解决方法: 1.以管理员权限运行wireshark 2.以管理员身份运行cmd,输入net start npf,打开网络抓包服务,运行wireshark legacy,选择要抓包的网卡
- SQL优化之SQL 进阶技巧(上)
由于工作需要,最近做了很多 BI 取数的工作,需要用到一些比较高级的 SQL 技巧,总结了一下工作中用到的一些比较骚的进阶技巧,特此记录一下,以方便自己查阅,主要目录如下: SQL 的书写规范 SQL ...
- no Qt platform plugin could be initialized问题的解决办法
☞ ░ 前往老猿Python博文目录 ░ 今天因要使用到一个以前PyQT写得工具,但运行时报错: This application failed to start because no Qt plat ...
- 第7.24节 Python案例详解:使用property函数定义属性简化属性访问代码实现
第7.24节 Python案例详解:使用property函数定义属性简化属性访问代码实现 一. 案例说明 本节将通过一个案例介绍怎么使用property定义快捷的属性访问.案例中使用Rectan ...
- 第15.22节 PyQt(Python+Qt)入门学习:Model/View架构详解
老猿Python博文目录 专栏:使用PyQt开发图形界面Python应用 老猿Python博客地址 一.简介 在PyQt和Qt中,Model/View架构是图形界面开发时用于管理数据和界面展现方式的关 ...
- 手机APP测试(测试点、测试流程、功能测试)
1.功能测试 1.1 启动 APP安装完成后,是否可以正常打开,稳定运行 APP的速度是可以让人接受,切换是否流畅 网络异常时,应用是否会崩溃:在请求超时的情况下,如果程序逻辑处理的不好,就有可能发生 ...
- pandas 处理缺失值(连续值取平均,离散值fillna"<unk>")
# 2.1处理缺失值,连续值用均值填充 continuous_fillna_number = [] for i in train_null_ix: if(i in continuous_ix): me ...
- 小程序editor篇-基本使用图片上传
今天小程序项目内,要弄一个editor,富文本编辑功能,支持图文并茂,前几天刚好看了小程序的demo应用,刚好看到editor这个东东,那就安排! 官网示例git地址 大概看了下文档,拉下官方示例,看 ...
- 如何实现OSM地图本地发布并自定义配图
目录 1.缘起 2.准备环境 2.1.安装linux系统 2.2.安装docker 2.3.安装Docker Compose 2.4.安装git 3.发布地图 3.1.拉取代码 3.2.测试网络 3. ...