1. a标签的扩展 target
(1) ajaxTodo
说明:ajaxPOST请求, 如果有title属性,则显示确认框,否则直接返回请求的结果代码:
("a[target=ajaxTodo]", $p).each(function(){
$(this).click(function(event){
var $this = $(this);
var title = $this.attr("title");
if (title) {
alertMsg.confirm(title, {
okCall: function(){
ajaxTodo($this.attr("href"));
}
});
} else {
ajaxTodo($this.attr("href"));
}
event.preventDefault();
});
});
<a href="demo_page1.html" target="dialog" [max=true, mask=true, maxable=true, minable=true, resizable=true,drawable=true] rel="dlg_page1" title="[自定义标题]" width="800" height="480">打开窗口一</a>
关闭窗口:
在弹出窗口页面内放置<button class="close" value="关闭"></button>即可。说明:右侧打开新窗口
代码:调用对象 navTab 中 openTab 方法说明:导出当前页面记录excl
代码:jquery 扩展方法二. 组件
1、 面板组件<div class="panel [close collapse]" [defH="200"|minH=”100”]>
<span style="white-space:pre"> </span><h1>标题</h1>
<span style="white-space:pre"> </span><div>
内容
<span style="white-space:pre"> </span></div>
</div>
<div class="tabs">
<div class="tabsHeader">
<div class="tabsHeaderContent">
<ul>
<li class="selected"><a href="#"><span>标题1</span></a></li>
<li><a href="#"><span>标题2</span></a></li>
</ul>
</div>
</div>
<div class="tabsContent" style="height:150px;">
<div>内容1</div>
<div>内容2</div>
</div>
<div class="tabsFooter">
<div class="tabsFooterContent"></div>
</div>
</div>
<div layoutH="120">
<table class="list" width="98%">
<thead>
<tr>
<th colspan="2">客户信息</th>
<th colspan="2">基本信息</th>
<th colspan="3">资料信息</th>
</tr>
<tr>
<th width="80">客户号</th>
<th width="100">客户名称</th>
<th width="100">客户划分</th>
<th>证件号码</th>
<th align="right" width="100">信用等级</th>
<th width="100">企业性质</th>
<th width="100">建档日期</th>
</tr>
</thead>
<tbody>
<tr>
<td>iso127309</td>
<td>北京市政府咿呀哟</td>
<td>政府单位</td>
<td>0-0001027766351528</td>
<td>四等级</td>
<td>政府单位</td>
<td>2009-05-21</td>
</tr>
</tbody>
</table>
</div>
<ul class="tree [treeFolder treeCheck [expand|collapse]]" oncheck="kkk">
<li><a href="#" target="navTab" rel="main" tname="name" tvalue="value" checked="true">第一级菜单项 A</a>
<ul>
<li><a href="#" target="dialog" rel="dialog1" tname="name" tvalue="value" checked="true">第二级菜单项 A </a></li>
<li><a href="#">第二级菜单项 B </a></li>
<li><a href="#">第二级菜单项 C </a>
<ul>
<li><a href="#">第三级菜单项 A </a></li>
<li><a href="#">第三级菜单项 B </a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">第一级菜单项 B</a></li>
</ul>
其他扩展请参考:http://blog.csdn.net/violet_day/article/details/14109261#t5