当前位置: 代码迷 >> ASP.NET >> Jquery easyui 如何得到datagrid 里面的值和传到后台
  详细解决方案

Jquery easyui 如何得到datagrid 里面的值和传到后台

热度:4552   发布时间:2013-02-25 00:00:00.0
Jquery easyui 怎么得到datagrid 里面的值和传到后台
Jquery easyui 怎么得到datagrid 里面的值和传到后台

------解决方案--------------------------------------------------------
easyui应该有自己的api函数的,如果你不用easyui的函数你就要自己分析这个datagrid的页面代码结构,自己些方法了
------解决方案--------------------------------------------------------
columns
里添加
formatter:function(value,rowData,rowIndex){ 
return "<a href='javacript:;' onclick=''>点击查看</a>";
}

------解决方案--------------------------------------------------------
他的值是Json字符串。。传到后台 就用jS获取 然后Ajax传


$('#test').datagrid('getData');
------解决方案--------------------------------------------------------
JScript code
 { field: 'C4', title: '下载附件', width: 200, align: 'center',                        formatter: function(value, rec) {                        return "<input type=\"button\" value=\"下载附件\" onclick=\"DownFile('" + value + "','" + rec['C2'] + "')\" />";                        }                    } function DownFile(title,val) {            $('#distributionform').form('submit', {                url: '/WorkAera/PublicWork/ASHX/ProjectListInformation.ashx?DownId=' +title ,                onSubmit: function() {                    $('#HiddenPID').val(val);                },                success: function(data) {                    $('#distributionWindow').dialog('close');                    $('#HiddenUserId').val("");                    $('#HiddenPID').val("");                    if (data == "Exception") {                        $.messager.alert('运行异常', '对不起,系统运行异常,请您按要求填写信息,或者请您重启浏览器!', 'error');                    }                }            });        }
------解决方案--------------------------------------------------------

var insertRows = $('#test').datagrid('getChanges','inserted');
var updateRows = $('#test').datagrid('getChanges','updated');
var deleteRows = $('#test').datagrid('getChanges','deleted');
var changesRows = {
inserted : [],
updated : [],
deleted : [],
};
if (insertRows.length>0) {
for (var i=0;i<insertRows.length;i++) {
changesRows.inserted.push(insertRows[i]);
}
}

if (updateRows.length>0) {
for (var k=0;k<updateRows.length;k++) {
changesRows.updated.push(updateRows[k]);
}
}

if (deleteRows.length>0) {
for (var j=0;j<deleteRows.length;j++) {
changesRows.deleted.push(deleteRows[j]);
}
}

$.ajax({
  type: "post",
  url: "../stock/stock_modify.asp",
data: "inserted="+JSON.stringify(changesRows.inserted)+"&updated="+JSON.stringify(changesRows.updated)+"&deleted="+JSON.stringify(changesRows.deleted),
  datatype: "json",
  success:function(data){




})

以上是针对插入删除更新 操作

  相关解决方案