菜鸟求教,java easyui tree怎么用DataGrid 的属性queryParams给后台传参数,DataGrid的代码如下:

本帖子已过去太久远了,不再提供回复功能。问题: 后台获取不到easyUI datagrid load方法上传的参数值
描述: 查询状态:&input name="cx" width="50px"&
&a href="#" plain="true"
title="客流信息查询"
url="queryPeopleStreamController.do?queryPeopleStream"
toolbar="#toolbar" pagination="true"
rownumbers="true" fitColumns="true" singleSelect="true"&
//查询按钮
function doSearch(){
$('#dg').datagrid('load',{
cx: $('#cx').val()
后台通过String itemid = request.getParameter("cx");得到的值为空字符串,要怎么才能获取input标签中选中的值呢 ? 谢谢大神!!!解决方案1:确定不是获取值的那行少了个 ;解决方案2:cx: $('#cx').val()
cx: $('#cx').combobox('getValue')
以上介绍了“ 后台获取不到easyUI datagrid load方法上传的参数值”的问题解答,希望对有需要的网友有所帮助。
本文网址链接:/wd/4352148.html
上一篇: 下一篇:jqueryeasyuidatagrid新增java后台参数接收js部分:vareditRow=$(function(){dategrid=$('#user
jquery easyui datagrid新增 java后台参数接收
var editRow =
$(function() {
dategrid = $('#userListTable').datagrid({
url : 'loadSalesmanList',
idField : 'userCode',
columns : [ [ {
title : '姓名',
field : 'voUserName',
width : 100,
editor : {
type : 'validatebox',
options : {
required : true,
title : '电话',
field : 'voUserPhone',
width : 80,
editor : {
type : 'validatebox',
options : {
required : true,
toolbar : [ {
text : '添加业务员',
iconCls : 'icon-add',
handler : function() {
(editRow);
if (editRow != undefined) {
dategrid.datagrid('endEdit', editRow)
if (editRow == undefined) {
dategrid.datagrid('insertRow', {
index : 0,
editRow = 0;
dategrid.datagrid('selectRow', 0);
dategrid.datagrid('beginEdit', 0);
}, '-', {
text : '保存',
iconCls : 'icon-edit',
handler : function() {
if (editRow != undefined) {
dategrid.datagrid('endEdit', editRow);
editRow = undefined
}, '-', ],
onAfterEdit : function(rowIndex, rowData, changes) {
var url = '';
var inserted = dategrid.datagrid('getChanges', 'inserted');
if (inserted.length & 0) {
editRow["inserted"] = JSON.stringify(inserted);
$.messager.show(rowData);
url = 'addSalesMan.action';
if (inserted.length & 1) {
datagrid.datagrid('unselectAll');
url : url,
date : rowData,
success : function(r) {
if (r && r.success) {
dategrid.datagrid('acceptChanges');
$.messager.show({
title : '成功',
msg : r.msg
dategrid.datagrid('rejectChanges');
$.messager.alert('错误', r.msg, 'error');
dategrid.datagrid('unselectAll');
java后台代码我是这样的接收前台保存的数据:
public String addSalesman() throws IOException {
HttpServletResponse response = ServletActionContext.getResponse();
HttpServletRequest request = ServletActionContext.getRequest();
String sales = request.getParameter("rowData");
//...业务处理
sales为空就是说,没有娶过来 求解决。
你传的rowData应该是一个row对象吧,ajax和后台都是通过字符串传递的,你的rowData要做下转换的吧
解决方案二:
这种问题一般都是看jquery easyui的官方解决。
【云栖快讯】数据库技术天团集体亮相,分享一线生产实践经验,告诉你踩过的坑、走过的路,都是老司机,靠谱!干货分享,不可错过!&&
弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率
稳定可靠、可弹性伸缩的在线数据库服务,全球最受欢迎的开源数据库之一
6款热门基础云产品6个月免费体验;2款产品1年体验;1款产品2年体验
开发者常用软件,超百款实用软件一站式提供java_easyui体系之DataGrid(4)
java_easyui体系之DataGrid(4)
在前面DataGrid(3)的基础上添加后台的实现、本来是想只搭建前台页面的、后台不写、现在觉得还是都实现好点、从真实情况出发、后台用的ssh。
新增冻结列功能。
实现界面的添加、删除、修改、撤销编辑、撤销选中、清空datagrid记录的功能、在后台也对其实现。
新增右键菜单功能。
可根据右键菜单来对记录进行新增、修改、删除。
二:效果图
三:关键部汾喎"/kf/yidong/wp/" target="_blank" class="keylink">WPC9oMj4KPGJyPgoKPGgzPiAgICAgICAgMaGi0MLU9razveHB0LmmxNyjujwvaDM+Cjxicj4KCjxwPiAgICAgICAgICAgICAgICBhKSAgICAgICAgvt/M5dDox/PD6Mr2o7o8L3A+CjxwPiAgICAgICAgICAgICAgICAgICAgICAgINPQyrG68rHtJiMyNjY4NDu1xMHQyv3Mq7bgo6jV4sDv1NrHsMPmtcSyubPk1tDSssu1tcC5/aGiZGF0YWdyaWS1xMHQ/J2bXEyrG68qGiv8nS1LDRxuTSu7j2yvTQ1GZpdENvbHVtbsnozqp0cnVloaLV4tH5wdDGvb7Ws+TC+rHtJiMyNjY4NDuhorrDv7S146OptcTKsbryoaK1sdPDu6fP69Kqss7V1cSzuPbB0LXEyv2+3bLpv7TG5Mv7yv2+3bXEyrG68qGiscjI57j5vt3Es7j2yMu1xMP719ay6b+0y/u1xL7fzOXQxc+ioaLV4sqxuvK+zb/J0tTU2s3Ptq+59ravzPWy6b+0uvPD5rXEvMfCvLXEyrG68sjDw/vX1sTH0rvB0Mq81tWwtLnMtqi089Chz9TKvtTa1K3AtM671sOhojwvcD4KPHA+ICAgICAgICAgICAgICAgIGIpICAgICAgICDQp7n7zbyjujwvcD4KPHA+IDwvcD4KPHA+IDxpbWcgc3JjPQ=="/uploadfile/Collfiles/45.jpg" alt="\">
关键代码:作为datagrid的一个属性、当然是在初始化的时候指定:具体的见user.jsp
frozenColumns : [[{//冻结列、不管数据列再多、拖动下方滚动条时、其中的列都不会滚动(这些列下方根本就没有滚动条)、参数与columns一样、注意:双中括号——[[{xxx},{xxx}]]
title : '编号',
field : 'id',
width : 100,//必须要给
checkbox : true,
title : '姓名',
field : 'userName',
width : 100,//必须要给
editor : {
type:'validatebox',
required: true,
2、添加、修改
具体业务描述:很常见的操作。
通过datagrid的onAfterEditor事件来提交、这里我暂时只对一行进行操作、不进行批量添加、修改。如何区分是添加事件还是修改事件?
添加、修改都有成功、失败。成功如何将数据持久化到中和页面显示(即点击撤销按钮不会将添加、修改的内容取消显示)?失败如何将事物回滚到添加、删除之前?
关键代码:对上面问题有很详细的注释、这也是注释有点多的原因、不再抽出来。。。
onAfterEdit : function(rowIndex, rowData, changes){
如何区别是添加、还是修改?
//获取所有插入的行信息
var inserted = $('#datagrid').datagrid('getChanges','inserted');
//获取所有被修改的行信息
var updated = $('#datagrid').datagrid('getChanges','updated');
//传入后台的url、根据到底是添加、还是修改动态改变、即进入Action中不同的方法。
var url = '';
if(inserted.length > 0){
url='login_addUser.action';
if(updated.length > 0){
url='login_updateUser.action';
url : url,
data : rowData,
dataType : 'json',
success : function(r){
if(r.success && r){
//如果成功、则确定显示操作之后的行信息、即点击撤销的时候不会回滚事务(仅是前台、此时后台关于数据库的已经处理)。
$('#datagrid').datagrid('acceptChanges');
//给出提示、是通过后台传过来的一个json对象
$.messager.show({
title : '提示',
msg : r.msg,
//如果失败、则回滚事务(仅是前台、此时后台关于数据库的已经处理)。
$('#datagrid').datagrid('rejectChanges');
$.messager.alert('错误',r.msg,'error');
$('#datagrid').datagrid('unselectAll');
3、右键菜单:
需求描述、用户就喜欢用鼠标右键菜单来操作。
构建右键菜单
如何将右键菜单动态的显示在鼠标单机右键的位置
如何透过显示的右键菜单项操作数据、这里操作数据就是通过onclick事件触发函数、函数功能和datagrid上面的按钮功能几乎一样、代码中做了一个抽取。
关键代码:
构造右键菜单div:}

我要回帖

更多关于 java easyui tree 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信