正文
开发portlet中的一些问题记录，portlet:resourceURL用法，portlet中通过processAction方法传值
小程序：扫一扫查出行【扫一扫了解最新限行尾号】
复制小程序
在portlet页面中引入js或者css，通过c或者s标签
<!--jquery实际放的地方：/MyTask/WebContent/scripts/jquery-1.8.3.min.js-->
<script type="text/javascript" src="<c:url value="/js/jquery-1.8.3.min.js"/>"></script>
<script type="text/javascript" src='<s:url value="/scripts/jquery-1.8.3.min.js"/>'></script><% String ctx = renderRequest.getContextPath(); %>
<script type="text/javascript" src="<%=ctx%>/js/ylUtil.js"></script>
portlet:resourceURL用法：
可理解成直接指向serveResource()方法的一个url
<!--使用resourceURL的时候需要把页面引入的portlet标签换成
<%@taglib uri="http://java.sun.com/portlet_2_0" prefix="portlet"%>
-->
<portlet:resourceURL id="/WEB-INF/jsp/resource.jsp" var="resourceJsp">
<portlet:param name="vFlag" value="addAppTask"/>
</portlet:resourceURL>
<!-- 或者直接写成下面的酱紫-->
<portlet:resourceURL/>
portlet类里面写：
@Override
public void serveResource(ResourceRequest request, ResourceResponse response)
throws PortletException, IOException {
if (request.getResourceID()!=null) {
PortletRequestDispatcher prd =
getPortletContext().getRequestDispatcher(request.getResourceID());
String hehe = request.getParameter("vFlag");
System.out.println(hehe);
if (prd != null) {
prd.forward(request, response);
}
}
}
ajax乱码怎么办？
function addToLinks1(taskId,taskName,taskUrl,appId) {
var url = "<portlet:resourceURL />";
//发送ajax请求,加入参数，在portlet类中处理
alert(taskId+"\n"+taskName+"\n"+taskUrl+"]\n"+appId);
var postData = "taskId="+taskId+"&taskName="+taskName+"&taskUrl="+taskUrl+"&appId="+appId;
postData = encodeURI(postData);
//alert(postData);
yl.ajaxUtil.sendRequest(url, reqCallBack, postData);
}
function addToLinks(taskId,taskName,taskUrl,appId) {
var url ="<portlet:resourceURL />";
$.ajax({
type:"post",
url: url,
cache: false,
data: {taskId:taskId,
taskName:taskName,
taskUrl:taskUrl,
appId:appId},
dataType: "html",
contentType:"application/x-www-form-urlencoded; charset=UTF-8", //声明编码
success:function(data){ //提交表单
alert(data);
}
});
}
function reqCallBack(data){
alert(data.responseText);
}//这样子的时候是在前面的页面上面encodeURI两次之后再解码
//如果前后（提交表单的jsp与接受表单的servlet或者xxx）
//都是utf-8的时候把要提交的表单数据只encodeURI一次就好了
//System.out.println(URLDecoder.decode(request.getParameter("taskName"),"UTF-8"));
System.out.println(request.getParameter("taskName"));
自从有了<portlet:namespace />，妈妈再也不用担心我会在一个页面上面放很多一样portlet之后会有问题啦
namespace生成一个和portletResponse.getNamespace方法返回一样的唯一字符串，这个字符串主要功能是在一个Portal页面中有很多个相同的portlet的时候用来唯一确定一些dom元素
<a href="javascript:<portlet:namespace/>doFoo()">Foo</a>
回调函数加参问题，用闭包？还是叫匿名函数？
在调用sendRequest这个函数的时候，会有一个回调函数执行，sendRequest内部写法为：
sendRequest : function(url,callback,postData) {
var req = this.createXMLHTTPObject();
if (!req) return;
var method = (postData) ? "POST" : "GET";
req.open(method,url,true);
//req.setRequestHeader('User-Agent','XMLHTTP/1.0');
if (postData)
req.setRequestHeader('Content-type','application/x-www-form-urlencoded');
req.onreadystatechange = function () {
if (req.readyState != 4) return;
if (req.status != 200 && req.status != 304) {
alert('HTTP error ' + req.status);
return;
}
callback(req);
}
if (req.readyState == 4) return;
req.send(postData);
},
是直接在自己本身内部生成的变量来作为回调函数的参数传入。然后呢，在自己函数（比如a）内部调用sendRequest的时候会为a传入我想要处理的dom对象作为参数，或者任意什么参数（比如b），在请求返回（执行回调函数的时机）时，如何把自己传入的b进行修改。但是sendRequest内部只为回调函数给了一个参数。
所以调用的时候只能自己写一个回调函数了，才能访问到当前a函数内部的一些东西。
yl.ajaxUtil.sendRequest(url,
function(data){
//TODO 这里可以做成只请求一次，如果有ul就不ajax。但是，
//但是，这样子之后在页面上加入链接之后不会即时显示出来
var tmpUl = obj.getElementsByTagName("ul");
if (tmpUl.length>0) {
obj.removeChild(tmpUl[0]);
}
var s = document.createElement("div");
s.innerHTML = data.responseText;
//alert(s.getElementsByTagName("ul"));
obj.appendChild(s.getElementsByTagName("ul")[0]);
//alert(data.responseText);
//alert(obj.id);
},
postData);
ajax请求返回值设置变量的问题
因为ajax的初衷之一就是不阻塞页面。所以，个人觉得用什么让sync为false完全是很xx。
但是这个问题要怎么解决才好呢。自己就亲手写过在一个页面上用for发送10条，然后sync为false。页面加载明显变慢4-5s。
把html代码转换成dom对象
var tmpUl = obj.getElementsByTagName("ul");
if (tmpUl.length>0) {
obj.removeChild(tmpUl[0]);
}
//通过innerhtml加入dom树之后则可以取到
var s = document.createElement("div");
//data.responseText 为 <ul><li>xxxxx</li>xxxxx</ul>
s.innerHTML = data.responseText;
//alert(s.getElementsByTagName("ul"));
//s.getElementsByTagName("ul")[0]即为第一个ul的dom对象。在此处，只有一个ul。
obj.appendChild(s.getElementsByTagName("ul")[0]);
portlet中通过processAction方法传值
在portlet类中的processAction方法中，可以通过参数ActionResponse调用setRenderParameter方法给render里面传值
Action 和 Event 请求参数
在action、event方法中接受到的参数不能传递到之后需要执行的render里面，在action方法中接受到的参数也不会传递到接下来执行的event方法中。如果确实需要在render中使用参数，需要在action、event的response调用setRenderParameter或者setRenderParameters方法。
response.setRenderParameter("hehe", "hehehehe");
在render里面取的时候（在jsp页面取，或者render方法中取）
<%=renderRequest.getParameter("hehe")%>
portlet中操作PortletPreferences
String size = request.getParameter("Size");
PortletPreferences pp = request.getPreferences();
pp.setValue("size", size);
pp.store();
取的时候
<%=renderRequest.getPreferences().getValue("size",null) %>
ylUtil.js加入trim函数
yl.str= {
/**
* 换掉字符串的前后空格
* @param str
* @returns str
*/
trim : function(str) {
/* 复习一下正则
正则在js中字面量定义的方式是：用 “/”和“/”包围起来的。
所以呢。/(^\s*)|(\s*$)/ 就表示一个正则
然后呢，后面加个g表示全局，TODO: 有什么意义
在呢，^ 这个东西代表一个字符串的开始
$ 代表一个字符串的结束
* 表示重复前边的表达式0-n次
() 用来分组
| 意思是或， 比如"z|food"能匹配z或者food，"(z|f)ood"可匹配zood或者food
\s 表示空 包括空格，制表符，换页，换行等等。等价于 [ \f\n\r\t\v] 。
*/
return str.replace(/(^\s*)|(\s*$)/g, "");
},
/**
* 包含trim，同时将  ;替掉
*/
//innerText总是支持的不够好，有时候innerHTML取到的会有
//写这个东西会不会有点多余呢。
trimNbsp : function(str) {
/*
下面的就是在全局把 这个东东换成 没有
要不要写成这样呢？
/(^\ \;*)|(\ \;*$)/g
试试之后上面的是在取头取尾
下面的会把字符串里所有的 全给干掉
还是用上面的吧。
*/
return this.trim(str).replace(/(\ \;)*/g,"");
}
};
