easyui-editing datagrid 批量保存数据 一
这篇博客是分享给大家使用easyUI 框架从界面向后台传值的两种方法。使用easyui 已经有一段时间，没有很深入的学习过，只是停留在可以简单使用的层面上，这次由于项目需要，前台界面的需求比较多，所以对easyui的使用，在这段时间，从量上，使用的深度上有了一个大的跨越，特别是datagrid 。然后回顾以前使用的一些经验，整理了这篇博客。
先看效果图：我需要将表格中数据如红色框中的数据，统一编辑修改之后，一起保存。
这里有两种方法，咱们先来看第一种：
一、&&使用getChanges
可以使用easyui 提供的便捷的方法getchanges();
getChanges:从上一次的提交获取改变的所有行。类型参数指明用哪些类型改变的行，可以使用的值有：inserted,deleted,updated等。当类型参数未配置的时候返回所有改变的行。我们来看看具体是如何使用的。
function save(){
if ($('#dg').datagrid('getChanges').length) {
var inserted = $('#dg').datagrid('getChanges', inserted);
var updated = $('#dg').datagrid('getChanges', updated);
var deleted = $('#dg').datagrid('getChanges', deleted);
// 统一放到一个json中传递 var effectRow = new Object(); if (inserted.length) { effectRow[inserted] = JSON.stringify(inserted); } if (updated.length) { effectRow[updated] = JSON.stringify(updated); }
if (deleted.length) { effectRow[deleted] = JSON.stringify(deleted); }
// $.post jquery中简单的异步提交，如果需要错误处理，需使用$.ajax.
$.post(getRootPath()+/labour/update.do, effectRow, function(data) { if(data.success){ $('#dg').datagrid('acceptChanges');
$('#dg').datagrid('reload');
} }, JSON).error(function() { alert('error'); }); }; }
后台的接收： 从后台接收到对应的json ,可以做对应的增，删，改操作。
import net.sf.json.JSONA import net.sf.json.JSONO
@RequestMapping(/update.do)@ResponseBodypublic Object save(HttpServletRequest request) {//获取编辑数据 这里获取到的是json字符串String inserted = request.getParameter(inserted);String updated = request.getParameter(updated);List listUpdated = new ArrayList();List listInserted = new ArrayList();if(inserted != null){//把json字符串转换成对象JSONArray jsonArr = JSONArray.fromObject(inserted); for (int i = 0; i & jsonArr.size(); i++) { listInserted.add((JobContentDetail)JSONObject.toBean(jsonArr.getJSONObject(i), JobContentDetail.class)); } try {labourservice.saveEntities(listInserted);} catch (Exception e) {e.printStackTrace();return createErrorMessage(e.getMessage()).toString();}}if(updated != null){ //把json字符串转换成对象JSONArray jsonArr = JSONArray.fromObject(updated); for (int i = 0; i & jsonArr.size(); i++) { listUpdated.add((JobContentDetail)JSONObject.toBean(jsonArr.getJSONObject(i), JobContentDetail.class)); } try {labourservice.saveEntities(listUpdated);} catch (Exception e) {e.printStackTrace();return createErrorMessage(e.getMessage()).toString();}}return createSuccessMessage(操作成功！).toString();}
第一种方法固然好，但是发现有一个问题就是，假如，我在datagrid中使用了&updaterow&方法，那么，easyui的getchanges方法，是拿不到这些updateRow 改变的数据，如下所示：
function rowsave() {
var drow = snl.datagrid('getSelected');
var index = snl.datagrid('getRowIndex', drow);
snl.datagrid('updateRow', {
index: index,
SeriesNumber: 电话号码,
SeriesName: 姓名
保存数据的时候能正常保存到表单里面去,但是用：var rows =snl.datagrid('getChanges'); 读取数据，读取到的rows为0
那么怎么办，如何拿到表格中既有删除，又有添加，还有被&updateRow&更新的数据呢？
(window.slotbydup=window.slotbydup || []).push({
id: '2467140',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467141',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467142',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467143',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467148',
container: s,
size: '1000,90',
display: 'inlay-fix'共有 2924 人关注过本帖
标题：怎么让datagrid中选中的一行数据在另一个窗口中完整的显示出来
等　级：新手上路
帖　子：13
&&问题点数：0&&回复次数：5&&&
怎么让datagrid中选中的一行数据在另一个窗口中完整的显示出来
我用vb.net与access数据库编写 一个
程序,我检索了一些数据在datagrid中显示出来,现在我需要单击或双吉datagrid表中的某一格使数据完整的显示在另一个窗口中,请问应该怎么写程序
搜索更多相关主题的帖子:
等　级：新手上路
帖　子：13
怎么没人映啊
是高手 大虾的 赶紧帮帮忙啊!!!!!!!!!
等　级：贵宾
威　望：24
帖　子：1627
专家分：516
关键在获取数据信息.如果你想显示点击的那一个(就一个)单元格的内容, 可以用DataGridView的CurrentCell.Value属性获得, 返回Object如果是需要那一整行的内容, 就需要用一个大小为DataGridView.ColumnCount(返回Integer)的Object数组保存该行所有Cell的值遍历之...(假设已有包含数据, 名为dv的DataGridView, 数组array(dv.ColumnCount - 1) As Object)
Dim array(dv.ColumnCount - 1) As Object
'这个数组大小为表的字段数, 即一行有多少个数据'开始遍历保存选定行的数据For i As Integer = 0 To dv.ColumnCount - 1
array(i) = dv.Rows(dv.CurrentRow.Index).Cells(i).ValueNext
然后, 拿着array()随心所欲吧..
[此贴子已经被作者于 20:33:50编辑过]
女侠，约吗？
等　级：新手上路
帖　子：13
不行啊,currentcell里面没有value这一项啊
等　级：贵宾
威　望：27
帖　子：1999
专家分：27
dv.Rows(dv.CurrentRow.Index).Cells(i).Value你看有沒有test這個屬性項。
日月更替，天地輪回，人間已是幾回春。
江山不老，人正少年，只手能擎半邊天。
等　级：贵宾
威　望：24
帖　子：1627
专家分：516
我说的是DataGridView控件, 如果你用DataGrid的话, 就用CurrentCell的RowNumber和ColumnNumber两个属性来对DataTable进行检索取值. 基本原理是一样的
女侠，约吗？
版权所有，并保留所有权利。
Powered by , Processed in 0.029405 second(s), 8 queries.
Copyright&, BCCN.NET, All Rights Reserved数据表格 - DataGrid
继承$.fn.panel.defaults，使用$.fn.datagrid.defaults重载默认值。.
数据表格显示的数据以表格的形式，并提供了丰富的选择，排序，分组和编辑数据的支持。这个数据表格被设计以缩短开发时间，并要求开发商没有具体的知识。它是轻量级的，功能丰富的。单元格合并，多列标题，冻结列和页脚是其功能只是一小部分。
依赖组件（Dependencies）
使用方法（Usage Example）
数据表格属性（DataGrid Properties）
属性继承控制面板，以下是数据表格独有的属性。
数据表格列配置对象，查看列属性以获取更多细节。
frozenColumns
跟列属性一样，但是这些列固定在左边，不会滚动。
fitColumns
设置为true将自动使列适应表格宽度以防止出现水平滚动。
autoRowHeight
定义设置行的高度，根据该行的内容。设置为false可以提高负载性能。
array,selector
数据表格顶部面板的工具栏。可能的值：1）数组，每个工具选项和链接按钮相同。2）选择显示的工具栏。在一个&div&的标签定义工具栏:$('#dg').datagrid({
toolbar:&'#tb'
&div&id="tb"&
&a&href="#"&class="easyui-linkbutton"&data-options="iconCls:'icon-edit',plain:true"/a&
&a&href="#"&class="easyui-linkbutton"&data-options="iconCls:'icon-help',plain:true"/a&
&/div&通过数组定义工具栏:$('#dg').datagrid({
toolbar:&[{
iconCls:&'icon-edit',
handler:&function(){alert('edit')}
iconCls:&'icon-help',
handler:&function(){alert('help')}
设置为true将交替显示行背景。
请求远程数据的方法类型。
设置为true，当数据长度超出列宽时将会自动截取。
表明该列是一个唯一列。
一个用以从远程站点请求数据的超链接地址。
当从远程站点载入数据时，显示的一条快捷信息。
Processing, please wait …
pagination
设置true将在数据表格底部显示分页工具栏。
rownumbers
设置为true将显示行数。
singleSelect
设置为true将只允许选择一行。
checkOnSelect
如果为true，该复选框被选中/取消选中，当用户点击某一行上。如果为false，该复选框仅检查/取消选中，当用户点击完全的复选框。此属性是1.3版本。
selectOnCheck
如果设置为true，单击一个复选框，将始终选择行。如果为false，不会选择行选中该复选框。此属性是1.3版本。
pagePosition
&定义的分页栏的位置。可用的值有 'top','bottom','both'。此属性是可自1.3版本。
pageNumber
当设置分页属性时，初始化分页码。
当设置分页属性时，初始化每页记录数。
当设置分页属性时，初始化每页记录数列表。
[10,20,30,40,50]
queryParams
当请求远程数据时，发送的额外参数。示例:$('#dg').datagrid({
queryParams:&{
name:&'easyui',
subject:&'datagrid'
当数据表格初始化时以哪一列来排序。
定义排序顺序，可以是'asc'或者'desc'（正序或者倒序）。
remoteSort
定义是否通过远程服务器对数据排序。
showFooter
定义是否显示行底（如果是做统计表格，这里可以显示总计等）。
返回样式，如：'background:red'，function有2个参数：index：行索引，从0开始.row：对应于该行记录的对象。示例:$('#dg').datagrid({
rowStyler:&function(index,row){
if&(row.listprice&80){
return&'background-color:#6293BB;color:#';
定义如何从远程服务器加载数据。返回false可以取消该操作。这个函数接受以下参数：param: 参数对象传递到远程服务器。success(data): 回调函数将被调用成功检索的数据。error():回调函数将被调用失败时检索数据。
json loader
loadFilter
返回过滤的数据显示。该函数需要一个参数'data'，表示原始数据。您可以更改源数据的标准数据格式。此函数必须返回标准数据对象中包含的“total”和“rows”的属性。示例://&removing&'d'&object&from&asp.net&web&service&json&output
$('#dg').datagrid({
loadFilter:&function(data){
if&(data.d){
return&data.d;
定义当编辑一行时的编辑模式。
predefined editors
定义数据表格的视图。
default view
列属性（Column Properties）
数据表格的列是一个对象数组，即这个对象中的元素也是一个数组（js中数组是对象）。 对象数组中的每一个元素都是可配置的对象，每个可配置对象定义一个列。
表明一个单元格跨几行。
表明一个单元格跨几列。
表明如何对其列数据，可选值：'left'，'right'，'center'。
设置为true允许对该列排序。
设置为true允许该列被缩放。
设置为true将隐藏列。
设置为true将显示复选框。
格式化单元格函数，有3个参数：value：字段的值。rowData：行数据。rowIndex：行索引。示例:$('#dg').datagrid({
columns:[[
{field:'userId',title:'User',&width:80,
formatter:&function(value,row,index){
if&(row.user){
return&row.user.
单元格样式函数，返回样式字符串装饰表格如'background:red'，function有3个参数：value：字段值。rowData：行数据。rowIndex：行索引。示例:$('#dg').datagrid({
columns:[[
{field:'listprice',title:'List&Price',&width:80,&align:'right',
styler:&function(value,row,index){
if&(value&&&20){
return&'background-color:#ffee00;color:';
T自定义字段排序函数，有2个参数：a：该列的第一个值。b：该列的第二个值。示例:$('#dg').datagrid({
remoteSort:&false,
columns:&[[
{field:'date',title:'Date',width:80,sortable:true,align:'center',&&
sorter:function(a,b){&&
a&=&a.split('/');&&
b&=&b.split('/');&&
if&(a[2]&==&b[2]){&&
if&(a[0]&==&b[0]){&&
return&(a[1]&b[1]?1:-1);&&
}&else&{&&
return&(a[0]&b[0]?1:-1);&&
}&else&{&&
return&(a[2]&b[2]?1:-1);&&
string,object
表明编辑类型。如果属性是字符串类型表示编辑类型，如果是对象则包含2个参数：type：字符串，编辑类型，可选值：text，textarea，checkbox，numberbox，validatebox，datebox，combobox，combotree。options：对象，对象于编辑类型的编辑器属性。
事件（Events）
事件继承控制面板，以下是数据表格独有的属性。
onLoadSuccess
当数据载入成功时触发。
onLoadError
当载入远程数据发生错误时触发。
onBeforeLoad
在请求载入数据之前触发，如果返回false将取消载入。
onClickRow
rowIndex, rowData
当用户点击行时触发，参数如下：rowIndex：被点击的行索引，从0开始。rowData：对应于被点击的行的记录。
onDblClickRow
rowIndex, rowData
当用户双击一行时触发，参数如下：rowIndex：被点击的行索引，从0开始。rowData：对应于被点击的行的记录。
onClickCell
rowIndex, field, value
当用户点击单元格时触发。
onDblClickCell
rowIndex, field, value
当用户双击单元格时触发。示例://&when&double&click&a&cell,&begin&editing&and&make&the&editor&get&focus
$('#dg').datagrid({
onDblClickCell:&function(index,field,value){
$(this).datagrid('beginEdit',&index);
var&ed&=&$(this).datagrid('getEditor',&{index:index,field:field});
$(ed.target).focus();
onSortColumn
sort, order
当用户对列排序时触发，参数如下：sort：排序字段名称。order：排序顺序。
onResizeColumn
field, width
当用户调整列宽时触发。
rowIndex, rowData
当用户选择一行是触发，参数如下：rowIndex：被选择的行索引，从0开始。rowData：对应于被选择行的记录。
onUnselect
rowIndex, rowData
当用户取消选择一行时触发，参数如下：rowIndex：被取消选择的行索引，从0开始。rowData：对应于被取消选择行的记录。
onSelectAll
当用户选择所有行时触发。
onUnselectAll
当用户取消选择所有行时触发。
rowIndex,rowData
当用户选中行时触发，参数包含：rowIndex：选中行的索引，从0开始rowData：选中的行对应的记录此属性是1.3版本。
rowIndex,rowData
当用户取消选中行时触发，参数包含：rowIndex：取消选中行的索引，从0开始rowData：未经检查的行对应的记录此属性是1.3版本。
onCheckAll
当用户检查所有行时触发。此属性是1.3版本。
onUncheckAll
用户取消所有行时触发。此属性是1.3版本。
onBeforeEdit
rowIndex, rowData
当用户开始编辑一行时触发，参数如下：rowIndex：正在编辑的行索引，从0开始。rowData：对应于正在编辑的行的记录。
onAfterEdit
rowIndex, rowData, changes
当用户编辑完成时触发，参数如下：rowIndex：正在编辑的行索引，从0开始。rowData：对应于正在编辑的行的记录。changes：被改变的字段内容，对应方式为字段：值。
onCancelEdit
rowIndex, rowData
当用户取消编辑行时触发，参数如下：rowIndex：正在编辑的行索引，从0开始。rowData：对应于正在编辑的行的记录。
onHeaderContextMenu
当数据表格的列标题被鼠标右键单击时触发。
onRowContextMenu
e, rowIndex, rowData
当一行被鼠标右键单击时触发。
方法（Methods）
返回属性对象。
返回页面对象。
返回控制面板对象。
getColumnFields
返回列字段，如果设置了frozen属性为true，将返回固定列的字段名。示例:var&opts&=&$('#dg').datagrid('getColumnFields'); //&get&unfrozen&columns
var&opts&=&$('#dg').datagrid('getColumnFields',&true);&//&get&frozen&columns
getColumnOption
返回特定的列属性。
缩放和布局。
载入并显示第一页的记录，如果传递了'param'参数，它将会覆盖查询参数属性的值。通过传递一些参数，通常做一个查询，这个方法可以被称为从服务器加载新数据。$('#dg').datagrid('load',{
code:&'01',
name:&'name01'
重载记录，跟'load'方法一样但是重载的是当前页的记录而非第一页。
reloadFooter
重载行底记录。 示例://&update&footer&row&values&and&then&refresh
var&rows&=&$('#dg').datagrid('getFooterRows');
rows[0]['name']&=&'new&name';
rows[0]['salary']&=&60000;
$('#dg').datagrid('reloadFooter');
//&update&footer&rows&with&new&data
$('#dg').datagrid('reloadFooter',[
{name:&'name1',&salary:&60000},
{name:&'name2',&salary:&65000}
显示载入状态。
隐藏载入状态。
fitColumns
让列宽自动适应数据表格的宽度。
fixColumnSize
固定列尺寸。如果“field' 参数未指定，将所有列的大小固定。示例:$('#dg').datagrid('fixColumnSize',&'name');&&//&fix&the&'name'&column&size
$('#dg').datagrid('fixColumnSize');&&//&fix&all&columns&size
fixRowHeight
固定特定列的高度。如果“index' 参数未指定，将所有列的高度固定。
autoSizeColumn
自动调整列宽，以适应内容。此方法是1.3版本特有的。
载入本地数据，旧记录将被移除。
返回已载入数据。
返回当前页的记录。
getFooterRows
返回行底记录。
getRowIndex
返回指定行的索引，row参数可以是行记录或者是一个id字段的值。
getChecked
返回所有行的复选框已被选中。此方法是1.3版本特有的。
getSelected
返回第一个被选择的行记录或null。
getSelections
返回所有被选择的行，当没有记录被选择时，将返回一个空数组。
clearSelections
取消所有的已选择项。
选择所有页面的行。
unselectAll
取消选择所有页面的行。
选择一行，行索引从0开始。
selectRecord
通过传递id参数来选择一行。
unselectRow
取消选择一行。
检查所有页面的行。此方法是1.3版本特有的。
uncheckAll
取消检查所有当前页面的行。此方法是1.3版本特有的。
检查行，行索引从0开始。此方法是1.3版本特有的。
uncheckRow
取消检查行，行索引从0开始。此方法是1.3版本特有的。
开始编辑一行。
结束编辑。
cancelEdit
取消编辑。
getEditors
获取指定行的编辑器，每个编辑器有如下属性：actions：编辑器可以做的行为。target：目标编辑器jQuery对象。field：字段名。type：编辑器类型。
获取特定的编辑器，options参数有2个属性：index：行索引。field:字段名。示例://&get&the&datebox&editor&and&change&its&value
var&ed&=&$('#dg').datagrid('getEditor',&{index:1,field:'birthday'});
$(ed.target).datebox('setValue',&'5/4/2012');
refreshRow
刷新一行。
validateRow
校验指定的行，如果有效返回true。
更新指定的行，param参数包含如下属性：index：要更新的行索引。row：新的行数据。示例:$('#dg').datagrid('updateRow',{
name:&'new&name',
note:&'new&note&message'
添加一行。 新的行会被添加到最后一个位置:$('#dg').datagrid('appendRow',{
name:&'new&name',
note:&'some&messages'
插入一个新行，param参数包含如下属性：index：要插入的行索引，如果没有定义则在最后面添加一个新行。row：行数据。示例://&insert&a&new&row&at&second&row&position
$('#dg').datagrid('insertRow',{
index:&1, //&index&start&with&0
name:&'new&name',
note:&'some&messages'
删除一行。
getChanges
获取从最后一次提交开始的被修改的所有行，type参数表明修改的类型，可选值：inserted，deleted，updated等 。当没有传递type参数时，返回所有被修改的行。
acceptChanges
提交所有修改的数据，提交后的数据将不能再修改或者回滚。
rejectChanges
回滚自创建以来或自上次调用AcceptChanges，所有的变化数据。
mergeCells
合并单元格，options参数包含如下属性：index：行索引。field：字段名。rowspan：整合单元格要跨的行数。colspan：整合单元格要跨的列数。
showColumn
显示特定的列。
hideColumn
隐藏特定的列。
JQuery Easy Ui dataGrid 数据表格
jQueryPagination是一款jQuery的分页插件。项目主页：
jQueryprettydate是jQuery日期美化插件。项目主页：
jQuerycompleter是jQuery自动完成插件。项目主页：
会了jquery语法，会了jquery函数，你就真的会了jquery吗，来看这张图！是超实用的jquery代码段一书的导览！熊孩子们，赶紧学习去吧！
&理解Jquery组件之间的关系
jQuery插件用于创建和管理标签。要求-taggerStyles.cssand网站:jQuery插件链接:**ForDemocheck:**taggerDemo.html
请使用特定版本的jQuery：jQuery1.5.1～jQuery1.8.3，1.9版本以上$.browser被废弃了，如果有问题，请ｅｍａｉｌ我
转：使用jquery获取url以及jquery获取url参数的方法　　
正则表达式在线测试工具
FaceYe @ 2015 &&&&
ICP备案号:粤ICP备1500070easyui的datagrid中对记录修改，修改后如何显示在前台？？ - 开源中国社区
当前访客身份：游客 [
当前位置：
获取修改的记录，修改后按确定后触发editUser()：
function editUser(){ &&&&&&&&&&& var row = $('#dg').datagrid('getSelected'); &&&&&&&&&&& if (row){ &&&&&&&&&&&&&&& $('#bian').dialog('open').dialog('setTitle','编辑账户'); &&&&&&&&&&&&&&& $('#bianji').form('load',row); &&&&&&&&&&&&&&& url = 'update_user.php?id='+row. &&&&&&&&&&& } &&&&&&& }
它对应的div是：&div id=&bian& class=&easyui-dialog& style=&width:400height:280padding:10px 20px & && &&&&&&&&&&&& closed=&true& buttons=&#dlg-buttons&& && &&&&&&&& &div class=&ftitle&&编辑信息&/div& && &&&&&&&& &form id=&bianji& method=&post& novalidate& && &&&&&&&&&&&& &div class=&fitem&& && &&&&&&&&&&&&&&&& &label&http服务接口名称&/label& && &&&&&&&&&&&&&&&& &input name=&httpServiceName& class=&easyui-validatebox& required=&true&& && &&&&&&&&&&&& &/div& && &&&&&&&&&&&& &div class=&fitem&& && &&&&&&&&&&&&&&&& &label&http服务请求类型&/label& && &&&&&&&&&&&&&&&& &input name=&httpRequestType& class=&easyui-validatebox& required=&true&& && &&&&&&&&&&&& &/div& && &&&&&&&&&&&& &div class=&fitem&& && &&&&&&&&&&&&&&&& &label&http 服务响应类型&/label& && &&&&&&&&&&&&&&&& &input name=&httpResponseType& class=&easyui-validatebox& required=&true&& && &&&&&&&&&&&& &/div& && &&&&&&&&&&&&& &div class=&fitem&& && &&&&&&&&&&&&&&&& &label&http开始时间&/label& && &&&&&&&&&&&&&&&& &input name=&httpStartDateTime& class=&easyui-validatebox& required=&true&& && &&&&&&&&&&&& &/div& && &&&&&&&&&&&&& &div class=&fitem&& && &&&&&&&&&&&&&&&& &label&http断开时间&/label& && &&&&&&&&&&&&&&&& &input name=&httpEndDateTime& class=&easyui-validatebox& required=&true&& && &&&&&&&&&&&& &/div& && &&&&&&&&&&&&& &div class=&fitem&& && &&&&&&&&&&&&&&&& &label&http连接时长&/label& && &&&&&&&&&&&&&&&& &input name=&httpConnctionTime& class=&easyui-validatebox& required=&true&& && &&&&&&&&&&&& &/div& && &&&&&&&&&&&&& &div class=&fitem&& && &&&&&&&&&&&&&&&& &label&http执行是否成功&/label& && &&&&&&&&&&&&&&&& &input name=&httpStatus& class=&easyui-validatebox& required=&true&& && &&&&&&&&&&&& &/div& && &&&&&&&&&&&& &div class=&fitem&& && &&&&&&&&&&&&&&&& &label&http连接描述&/label& && &&&&&&&&&&&&&&&& &input name=&httpConnctionDesc& class=&easyui-validatebox& required=&true&& && &&&&&&&&&&&& &/div& && &&&&&&&&&&&& &div id=&dlg-buttons&&
&& &&& &&& &&& &&&&&&&& &a href=&javascript:void(0)& class=&easyui-linkbutton& onclick=&saveuser()& iconcls=&icon-save&&保存&/a&
&& &&& &&& &&& &&&&&&&& &a href=&javascript:void(0)& class=&easyui-linkbutton& onclick=&javascript:$('#bian').dialog('close')& &&&&&&&&&&& iconcls=&icon-cancel&&取消&/a&
& && &&& &&& &&& && &/div&
&& &&&&&&&& &/form& && &&&& &/div&
单击保存后触发saveuser（）方法：
function saveuser(){
&&& &&& & &&& &
&&&&&& &&& &$('#bianji').form('submit',{
&&&&&&&&&&&&&&& url: '&%=path%&/httpLog/getHttpLogData.do',
&&&&&&&&&&&&&&& onSubmit: function(){
&&&&&&&&&&&&&&&&&&& return $(this).form('validate');
&&&&&&&&&&&&&&& },
&&&&&&&&&&&&&&& success: function(result){
&&&&&&&&&&&&&& &&& &result = eval('('+result+')');
&&&&&&&&&&&&&& &&& &
&&&&&&&&&&&&&&& }
&&&&&&&&&&& });
&&&&&& &&& &$('#dg').datagrid({
&& &&& &&&&&&&& columns:[[
&& &&& &&&&&&&&&&&& {field:'result.httpServiceName',title:'http服务接口名称',width:60},
&& &&& &&&&&&&&&&&& {field:'result.httpRequestType',title:'http服务请求类型',width:60},
&& &&& &&&&&&&&&&&& {field:'result.httpResponseType',title:'http 服务响应类型',width:60},
&& &&& &&&&&&&&&&&& {field:'result.httpStartDateTime',title:'http开始时间',width:60},
&& &&& &&&&&&&&&&&& {field:'result.httpEndDateTime',title:'http断开时间',width:60},
&& &&& &&&&&&&&&&&& {field:'result.httpConnctionTime',title:'http连接时长',width:60},
&& &&& &&&&&&&&&&&& {field:'result.httpStatus',title:'http执行是否成功',width:60},
&& &&& &&&&&&&&&&&& {field:'result.httpConnctionDesc',title:'http连接描述',width:60},
&& &&& &&&&&&&& ]]
&& &&& &&&& });
后台对应的方法是：@RequestMapping(&/getHttpLogData&) && &private void getHttpLogData(HttpServletResponse response,HttpServletRequest request) && &&& &&& &throws IOException { && &&& & && &&& &String httpServiceName=request.getParameter(&httpServiceName&); && &&& &String httpRequestType=request.getParameter(&httpRequestType&); && &&& &String httpResponseType=request.getParameter(&httpResponseType&); && &&& &String httpStartDateTime=request.getParameter(&httpStartDateTime&); && &&& &String httpEndDateTime=request.getParameter(&httpEndDateTime&); && &&& &String httpConnctionTime=request.getParameter(&httpConnctionTime&); && &&& &String httpStatus=request.getParameter(&httpStatus&); && &&& &String httpConnctionDesc=request.getParameter(&httpConnctionDesc&); && &&& & && &&& &JSONObject jsonObject = new JSONObject(); && &&& &JSONArray rows = new JSONArray();
&& &&& &Map&String, String& map = new HashMap&String, String&();
&& &&& & && &&& &map.put(&httpServiceName&, httpServiceName); && &&& &map.put(&httpRequestType&,httpRequestType); && &&& &map.put(&httpResponseType&,httpResponseType); && &&& &map.put(&httpStartDateTime&,httpStartDateTime); && &&& &map.put(&httpEndDateTime&, httpEndDateTime); && &&& &map.put(&httpConnctionTime&,httpConnctionTime); && &&& &map.put(&httpStatus&, httpStatus); && &&& &map.put(&httpConnctionDesc&, httpConnctionDesc);
&& &&& &response.setCharacterEncoding(&utf-8&); && &&& &response.setHeader(&Cache-Control&, &no-cache&); && &&& &response.setContentType(&text/charset=UTF-8&); && &&& & && &&& &jsonObject.put(&total&, 1); && &&& &jsonObject.put(&rows&, rows); && &&& &System.out.println(jsonObject.toString()); && &&& &response.getWriter().write(jsonObject.toString());
求大师帮忙！！！！！
共有2个答案
<span class="a_vote_num" id="a_vote_num_
在点击修改按钮完成之后调用楼上的方法
<span class="a_vote_num" id="a_vote_num_
$('#dg').datagrid(&relaod&); 刷新表格
--- 共有 3 条评论 ---
这都试过了，都不行估计是后台写的有问题。
(2年前)&nbsp&
不看api文档，就来发帖问
(2年前)&nbsp&
(2年前)&nbsp&
更多开发者职位上
有什么技术问题吗？
你我共享...的其它问题
类似的话题