JSP页面细节
2015-09-12 17:52
549 查看
1.select根据后台的值,刷新后还是会记住选中的值
2.设置跳转地址,导出action 提交后,要重新设置Action,否则点击任何按钮都会跳到导出的Action上
3.打印时注意:没有submit的数据,前台是传不到后台的,可以通过url里面加多个参数来传递
4.控件的值
5.前台遍历,后台已经存入List的内容
6.在显示页面时,通过ajax加载房间信息
Servlet中是将查询到的数据放到PrintWriter里:
<span style="font-size:14px;"><select name="hardwareId" id="hardwareId"> <s:iterator value="topInfors" id="item" status="status" var="item" > <option value="<s:property value="id"/>" <s:if test="hardwareId==id">selected=selected</s:if>><s:property value="topName"/></option> </s:iterator> </select></span>
2.设置跳转地址,导出action 提交后,要重新设置Action,否则点击任何按钮都会跳到导出的Action上
$("#btnExport").click(function(){ if("${total}"<1) { alert("没有数据可供导出。"); return false; } if(confirm("确定导出数据?提示:若是大数据量的导出将消耗一定的时间。")){ $("#searchHardwareInfoForm").attr("action","exportHardwareInfo.action"); $("#searchHardwareInfoForm").submit(); $("#searchHardwareInfoForm").attr("action","searchHardwareInfo.action"); } });
3.打印时注意:没有submit的数据,前台是传不到后台的,可以通过url里面加多个参数来传递
function printPage() { if("${total}">0) { var hardwareId=$("#hardwareId").val(); var hardwareName=$("#hardwareId").find("option:selected").text(); window.open("searchHardwareInfo.action?isPrint=Y&hardwareId="+hardwareId+"&hardwareName="+hardwareName); } else { alert("没有数据可供打印。"); return false; } }
4.控件的值
a.修改控件的值 $("#textBtn").val("退出"); b.获取控件的值 var content=$("#textBtn").text();
5.前台遍历,后台已经存入List的内容
//recordsList是后台存储数据的List<Object[]> <ul> <c:forEach var="i" items="${requestScope.recordsList}"> <li> <div class="ui-grid-c"> <div class="ui-block-a" align="center">${i[0]}</div> <div class="ui-block-b" align="center">${i[1]}</div> <div class="ui-block-c" align="center">${i[2]}</div> <div class="ui-block-d" align="center">${i[3]}</div> </div> </li> </c:forEach> </ul>
6.在显示页面时,通过ajax加载房间信息
$(document).on("pageinit", function() { //alert("触发 pageinit 事件 - 页面已初始化,DOM 已加载,jQuery Mobile 已完成页面增强。") $.ajax ({ type : "POST", async : false, //调用的servlet地址 type=prepare 是传递过去的参数 url : "<%=basePath%>/AjaxSettingServlet?type=prepare", success : function(data) { var objs=eval("("+data+")"); $("#roomId").empty(); //roomId是一个select 直接添加option $("#roomId").append("<option value=\"\">请选择楼栋:</option> "); //遍历返回的值,加到option for(var i=0;i<objs.length;i++) { $("#roomId").append("<option value=\""+objs[i].room_id+"\">"+objs[i].room_name+"</option> "); } } }); });
Servlet中是将查询到的数据放到PrintWriter里:
PrintWriter out = response.getWriter(); JSONObject json; JSONArray jsonArray; json = new JSONObject(iCommUseImp.queryAddrData("build", "")); jsonArray = json.getJSONArray("data"); out.write(jsonArray.toString()); out.close();
相关文章推荐
- JavaScript所有保留字
- javascript高级程序设计---CSS操作
- js中substr,substring,indexOf,lastIndexOf等的用法
- 转载:JavaScript中对闭包的理解及举例和说明
- jsessionId的使用
- URL与资源(之Url地址栏中的jsessionId有分号)《包括相对路径和绝对路径的根本分析》
- 自己封装的AJAX (带JSON)
- javascript高级程序设计---Element对象
- 7个最好的javascript资源
- 纯js代码实现未知宽高的元素在指定元素中垂直水平居中显示
- Andorid中使用Gson和Fast-json解析库解析JSON数据---第三方库学习笔记(二)
- 20150912 javascript事件-获取样式
- javascript 判断一个点是否在多边形内(向量的使用)
- 【转】获取/设置IFRAME内对象元素的几种JS方法
- javascript高级程序设计---document节点
- javaScript学习(一)
- jsp 行动标签
- JS数据类型之Function类型
- 详解JS的getByclass方法
- Json的知识点全解析,解析json数据的好工具大全