java前端nui_spring mvc 及普元nui前端框架学习笔记
spring mvc 及普元nui前端框架学习笔记
页面传值
一、同一页面
直接通过$J.getbyName("id").setValue(id); Set值即可
二、跳转页面(businessInfoList)
1. 传递参数，跳转URL
window.location = "/flowInfo/recordQuery.action?id=" + id;
或者通过表单，然后JS传递
先在form表单中添加一个隐藏域
再在JS中通过代码
$J.getbyName("id").setValue(id);
document.getElementById("flow").action="/flowInfo/recordQuery.action";
document.getElementById("flow").submit();
跳转并传值
2 跳转页面并返回参数
Model 传值
① Controller : model.addAttribute("dangaid", id);
Jsp : 隐藏域
② Controller:BusinessInfoVO vo =
this.iBusinessInfoService.getBusinessInfoVOById(id);
model.addAttribute("vo", vo);
Jsp : 直接用${vo.id}获取
③ 直接JSP前台传值，再通过Ajax返回
Index.jsp
//Index.jsp
function edit(){
var row = grid.getSelected();//获得选中的行
if (row) {
var bizData = {pageType : "edit", id : row.id};//获得pageType和id
var url = "/roomInfo/detail.action";
$J.showmodaldialog("修改库房", url, 400,320, bizData, function(action){
search();
});//跳转到url页面，并且传输bizData中的值
}else{
$J.cbsAlert(message.common.chooseMsg, message.common.prompt);
}
}
Form.jsp
//Form.jsp
function setData(data) {
//跨页面传递的数据对象，克隆后才可以安全使用
var infos = $J.clone(data); //获得fileFormIndex.jsp中传输的数据
$J.getbyName("pageType").setValue(infos.pageType);
if(infos.pageType == "edit") {
var ajaxConf = new cbsAjaxConf();
ajaxConf.setIsShowSuccMsg(false);
ajaxConf.setSuccessFunc(function(data) { //获得返回信息
var form = $J.getForm("dataform1");
form.setData(data);
form.setChanged(false);
});
//提交查询条件
$J.postByAjax({
"id" : infos.id
}, "roomInfo/getRoomInfoVOById.action", ajaxConf);
}
}
注：
1.@responsebody表示该方法的返回结果直接写入HTTP response body中一般在异步获取数据时使用，在使用@RequestMapping后，返回值通常解析为跳转路径，加上@responsebody后返回结果不会被解析为跳转路径，而是直接写入HTTP response body中。
2.@RequestBody将HTTP请求正文插入方法中,使用适合的HttpMessageConverter将请求体写入某个对象。
3.Js 字符串总不相等，去空格$.trim();
4.标签用法
1) 跳转页面
2) 作为按钮使用，点击但不跳转页面，设置href:javascript