Action获取javascriptjson对象并解析:
页面:
var oneRela = new SecretDetailRelaBean(resultRows[i].id,resultRows[i].effectMons,singleNo);
$.post(
'${base}/getObjectTest.htm',
{
oneRela: $.toJSON(oneRela)
},
function (data) //回传函数
{
}
);
//密级明细关联对象
function SecretDetailRelaBean(id,effectMons,singleNo)
{
this.id=id;
this.effectMons=effectMons;
this.singleNo=singleNo;
}
Action:(前提:bean的属性和javascript对象属性对应好)
try {
String json = request.getParameter("oneRela");
DetailSecretRelaBean bean = objectMapper.readValue(json, DetailSecretRelaBean.class);
System.out.println("oneRela: " + bean.getEffectMons());
System.out.println("11111");
}catch(Exception e){
e.printStackTrace();
}
传输数组及其他复杂对象请查看:Jackson解析JSON例子
combobox:
定义:
<input class="easyui-combobox" id="arcDetailListBox" name="arcDetailListBox"
data-options="
url:'',
valueField:'id',
textField:'text',
editable:false,
panelHeight:'auto',
onSelect: function(rec){
setInitDetailData(rec.id,rec.text);
}
"/>
获取当前选中的:
alert($("#arcDetailListBox").combobox('getValue'));//获取当前选中的值
alert($("#arcDetailListBox").combobox('getText'));获取当前选中的文字
动态加载数据:
$('#arcDetailListBox').combobox('clear');//clear
var aaa = [{"id":selectRows[0].detailId,"text":selectRows[0].detailName}];
$('#arcDetailListBox').combobox('loadData',aaa);//加载本数据
$('#arcDetailListBox').combobox('select',selectRows[0].detailId);//默认选中
datagrid:
查询选中的多行
var selectRows = $('#systemRightDataGrid').datagrid('getSelections');//弹出框中选中的行
//循环判断结果列表是否已经存放有选中的行,滤过已有的
for(var i=0;i<selectRows.length;i++){
$('#resultDataGrid').datagrid('appendRow',{
itemid: selectRows[i].systemRightId,
rightId: selectRows[i].systemRightId,
rightName: selectRows[i].systemRightName
});
}
动态加载:
$('#dataGrid_store').datagrid({url:'${base}/entryManage_queryStore.htm'})
点击当前行获取当前行数据:(注意需要斜杠引号的地方)
{field:'opt',title:'---',width:80 ,align:'center',
formatter:function(value,rec){
return '<span style="color:red"><input type="button" value="查看" height="7" onClick="getCurrentRow(\''+rec.storeName+'\')"/></span>';
}}
将当前所有行放入数组:
var resultRows = $('#secretLevelDataGrid').datagrid('getRows');//结果列表中的行
if(resultRows.length == 0) return null;
var arr = new Array();
for(var i=0;i<resultRows.length;i++){
a[i] = new Array(resultRows[i].id,resultRows[i].text)
}
清空datagrid:
$('#grid').datagrid('loadData',{total:0,rows:[]});
ajax传递数组:
页面调用部分:
$('#btn').click(function () {
$.ajax({
type: 'post',
url: './GridTable.aspx/call',
contentType: "application/json; charset=utf-8",
data: '{"userinfo":[{"name":"zs","age":"21"},{"name":"ls","age":"25"}]}',
dataType: 'json',
success: function (result) {
alert(result.d);
}
});
return false;
});
后台调用部分,两种方法均可
[WebMethod]
public static string call(Dictionary<string,string>[] userinfo)
{
System.Threading.Thread.Sleep(5000);
return str[0]["name"];
}
[WebMethod]
public static string test(List<UserinfoEntity> userinfos) {
System.Threading.Thread.Sleep(5000);
foreach (UserinfoEntity userinfo in userinfos) {
return order.rowid;
}
return "什么也没有";
}
最土的方法:
在struts2环境中,界面上有一个js数组,var id=[1,2,3,4,5,6] 利用ajax怎么传递到java后台啊 。。求高手
programmerxiaocai Replied at : 2012-04-18 10:55:51
数组和普通的值传递好像不一样,简单办法是,在前台用遍历数组,拼成字符串 var id="1,2,3,4,5,6",然后后台接收字符串以后用split在进行分割。
bill0605030109 Replied at : 2012-04-18 11:05:22
var id=[1,2,3,4,5,6];
var idString = "";
for(var i = 0;i < id.length;i++)
{
idString += id[i]+",";
}
$.getJSON("xxx.action?id=" + idString,function(data){
});
在action里,request.getParameter("idString")获取。
Alert框confirm框
$.messager.alert("操作提示", "弹出框示例操作成功!");
$.messager.confirm('提示', '你确定删除此条记录吗?', function(r){
if (r){
location.href = '__URL__/del/id/'+row.id;
}
$.messager.show({
title:'信息',
msg:'已经取消了删除操作'
});
});
}else{
$.messager.alert('警告','没有选择任何记录信息!','warning');}
分享到:
相关推荐
**jQueryEasyUI 1.1 完整源代码详解** jQueryEasyUI 是一款基于 jQuery 的前端框架,它为开发者提供了一系列轻量级、易于使用的组件,用于快速构建用户界面。这个1.1版本包含了完整的源代码,允许开发者深入理解其...
在"jQueryEasyUI-1.3.6(含API文档)"这个压缩包中,有两个主要文件:`jEasyUI1.3.6版API中文版(Richie696).chm`和`jquery-easyui-1.3.6`。 `jEasyUI1.3.6版API中文版(Richie696).chm`是jQuery EasyUI 1.3.6版本的API...
首先,`jquery.easyui 学习笔记.txt` 可能是一份详细的教程或笔记,记录了使用 jQuery EasyUI 的关键概念和技巧。这可能包括如何引入库、基本的 HTML 结构、CSS 样式调整以及如何使用各种组件。学习笔记通常会以实例...
jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,帮助开发者快速构建用户界面。这个压缩包“jquery-easyui-1.5.5.6”包含了该框架的1.5.5.5版本,这是一份重要的更新,可能包含了一些...
"JQueryEasyUI的增删查改"是Web应用中最基本的功能,通常指的是创建(Create)、读取(Read)、更新(Update)和删除(Delete)操作,也就是常说的CRUD操作。这些功能对于任何数据管理型的应用来说都是必不可少的。 ...
在提供的资源包中,可能包含了一个已经配置好并可以运行的示例项目,包括数据库脚本、Spring MVC的配置文件、MyBatis的Mapper和实体类、以及使用JQueryEasyUI编写的前端页面。这样的例子可以帮助初学者快速理解这三...
标题 "springboot和jquery easyui后台框架" 描述了如何结合Spring Boot、MyBatis以及jQuery EasyUI构建一个后台管理系统的实践。这个框架的核心在于利用Spring Boot的便捷性与MyBatis的数据持久化能力,结合jQuery ...
这个实例源码“人员管理”是展示如何使用jQuery EasyUI进行数据操作和交互的一个典型应用,涵盖了列表展示、添加、编辑和删除等功能,同时也涉及到与后台的数据交换,通常采用JSON格式。 首先,jQuery EasyUI的核心...
### jQuery EasyUI 简述 jQuery EasyUI 是一个基于 jQuery 的前端UI框架,主要用于开发具有丰富交互效果的Web应用程序。EasyUI 提供了一系列可复用的UI组件,其设计目标是让开发者能够通过简单的方式来创建现代Web...
"changelog.txt"记录了jQuery EasyUI的版本更新历史,开发者可以通过阅读这个文件了解新版本带来的改进和修复的问题,以便决定是否升级到新版本。 6. **多语言支持** "locale"目录下的文件提供了多语言支持,...
在IT行业中,jQuery EasyUI是一个基于jQuery的前端框架,它提供了丰富的UI组件,如对话框、表格、分页等,帮助开发者快速构建用户界面。在本案例中,我们关注的是"jquery easyui pagination 分页插件扩展",这是一个...
2. `jquery.min.js`:基础的 jQuery 库,EasyUI 基于 jQuery 构建,用于处理DOM操作、事件处理和AJAX请求等。 3. `easyloader.js`:EasyUI 的加载器,负责异步加载所需组件,实现按需加载,减少初始加载时间。 三、...
jQuery是JavaScript的一个库,简化了DOM操作、事件处理、动画效果和Ajax交互。EasyUI则是基于jQuery的UI框架,它提供了一系列预定义的UI组件,如数据网格、表单、窗口、菜单等,使得开发者可以快速构建界面。 ...
在本文中,我们将深入探讨如何使用jQuery EasyUI的DataGrid组件实现一个基本的CRUD(创建、读取、更新和删除)系统,并结合Servlet作为后端处理和MySQL数据库存储数据。jQuery EasyUI是一个基于jQuery的前端框架,它...
- **增加(Create)**: 用户填写新联系人的信息,点击“保存”按钮,触发jQuery EasyUI的AJAX请求,将数据发送到Struts2 Action,由Spring托管的服务处理数据的插入操作,完成后返回成功信息。 - **查询(Read)**: ...
4. **对话框与窗口**:在ASP.NET中,EasyUI的dialog组件可以作为弹出窗口,用于显示详情、添加或编辑记录。这使得页面布局更加清晰,操作流程也更为直观。 5. **按钮与事件**:EasyUI的按钮组件可以轻松添加到ASP...
4. **交互处理**:通过 jQuery 或 EasyUI 的 API 进行数据操作和用户交互控制。 **学习资源与社区支持:** 虽然官网可能偶尔访问困难,但仍有其他途径获取资料和社区支持: 1. **GitHub**:EasyUI 项目在 GitHub ...
在这个过程中,jQuery EasyUI的组件大大简化了前端页面的构建,如dataGrid用于显示数据列表,dialog用于输入和确认操作,form用于表单提交等。同时,Spring MVC提供了强大的后端支持,包括模型绑定、数据验证、事务...
1. **jQuery**: jQuery是EasyUI的基础,它简化了DOM操作、事件处理、动画效果和Ajax交互。jQuery库在网页中广泛使用,使得跨浏览器的JavaScript代码编写变得简单。 2. **jQuery EasyUI**: 这是EasyUI的主要部分,...