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