1.给table添加 滚动条
style:overflow
style="width:100%;height:200px;overflow-y:auto;word-break:break-all"
2.在表格中添加按钮
<TD align="center">
<BUTTON style="PADDING-LEFT: 5px; WIDTH: 70px" class=button
type=submit">
<SPAN style="CURSOR: default" class=icon_remove>修改</SPAN>
</BUTTON>
</TD>
3. 表格中添加checkbox
<td width="25"><input type="checkbox" value="<s:property value='id'/>"/></td>
4.表格中添加序号
前提:<s:iterator value="webDBList" status="status" >
<td width="50" class="ali02"><s:property value="#status.index+1+webDBList.nextIndex-15"/></td>
5.对checkbox 多选的每一个进行处理,id使用“,”间隔
$(":checkbox:checked").each(function (){}
6. 界面重定位
<action name="yuansitematch" class="com.wzty.platform.web.actions.crawl.SubSiteManageAction" method="siteMatch">
<result type="xdtech-redirect-action">
<param name="actionName">yuansitemanage</param>
<param name="page">${page}</param>
<param name="message">${message}</param>
</result>
</action>
7.各种框
alert()
confirm()
var user = prompt("完成日期",strDate);
8.分页显示
<div style="width: 100%px;height: 28px;" align="right">
<x:page name="webDBList" page="page" callback="var tmphref = this.href; if(tmphref==null)tmphref=this.action; this.href='javascript:;';doClickGet(tmphref);return false;" url="yuansitemanage.dhtml"
param="{'type':webDBList.totalCount,'name':webDBList.nextIndex,'siteid':siteid,'url':url}"/>
其中使用的是自定义标签
自定义标签代码:
省略。。。。
9、表单提交不跳转页面
可使用方案:
1.使用target 标签
target 指定一个iframe
2.使用JQuery
$.ajax({
cache: true,
type: "POST",
url:ajaxCallUrl,
data:$('#yourformid').serialize(),// 你的formid
async: false,
error: function(request) {
alert("Connection error");
},
success: function(data) {
$("#commonLayout_appcreshi").parent().html(data);
}
});
10.框架刷新
<input type=button value="刷新1" onclick="window.parent.frames[1].location.reload()"><br>
<input type=button value="刷新2" onclick="window.parent.frames.bottom.location.reload()"><br>
<input type=button value="刷新3" onclick="window.parent.frames['bottom'].location.reload()"><br>
<input type=button value="刷新4" onclick="window.parent.frames.item(1).location.reload()"><br>
<input type=button value="刷新5" onclick="window.parent.frames.item('bottom').location.reload()"><br>
<input type=button value="刷新6" onclick="window.parent.bottom.location.reload()"><br>
<input type=button value="刷新7" onclick="window.parent['bottom'].location.reload()"><br>
11.form 提交 跳转问题
使用target 标签
值 | 描述 |
---|---|
_blank | 在新窗口中打开。 |
_self | 默认。在相同的框架中打开。 |
_parent | 在父框架集中打开。 |
_top | 在整个窗口中打开。 |
framename | 在指定的框架中打开。 |
12.遍历checkbox
$("input:checked").each()
var checkIds = $(":checkbox:checked");
13.select 多选框设置
var selectids= document.getElementById("typename");
for(i=0;i<selectids.options.length;i++){
if(selectids.options[i].selected){
alert("hello");
alert(selectids.options[i].value);
intvalue+=selectids.options[i].value+",";
}
}
<select multiple="multiple" size="5" name="typename" id="typename"