<a href=”xxx” target=“ajax” [rel=“boxId”]>
 
示例: <a href="w_alert.html" target="ajax" rel="container">提示窗口</a>

<a href="user.do?method=remove" target="navTabTodo">删除</a>

<a href=”xxx” target=“dialog” [rel=“dialogId”]>

<a href="w_dialog.html" target="dialog" rel="page2">弹出窗口</a>
 
或
 
<a class="button" href="demo_page1.html" target="dialog" rel="dlg_page1" title="[自定义标题]" width="800" height="480">打开窗口一</a>

$.pdialog.open(url, dlgId, title);
 
或
 
$.pdialog.open(url, dlgId, title, {width: 500, height: 300});

<a href=”xxx” target=“navTab” [rel=“tabId”]>
 
示例: <a href="w_alert.html" target="navTab" rel="page1">提示窗口</a>

<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=“150”>内容</div>

<table layouth="170" class="table">
 
      <thead>
 
            <tr>
 
                  <th width="80">客户号</th>
 
                  <th width="100">客户名称</th>
 
                  <th align="right">证件号码</th>
 
                  <th width="100">建档日期</th>
 
            </tr>
 
      </thead>
 
      <tbody>
 
            <tr>
 
                  <td>iso127309</td>
 
                  <td>北京市政府</td>
 
                  <td>0-0001027766351528</td>
 
                  <td>2009-05-21</td>
 
            </tr>
 
      </tbody>
 
</table>

<textarea class="editor" name="description" rows="15" cols="80">内容</textarea>

/**
 
 * navTabAjaxDone是DWZ框架中预定义的表单提交回调函数．
 
 * 服务器转回navTabId可以把那个tab标记为reloadFlag=1, 次下切换到那个tab时会重新载入内容. 
 
 * navTabId如果是closeCurrent就会关闭当前tab
 
 * navTabAjaxDone这个回调函数基本可以通用了，如果还有特殊需要也可以自定义回调函数.
 
 * 如果表单提交只提示操作是否成功, 就可以不指定回调函数. 框架会默认调用ajaxDone()
 
 * <form action="/userAction?method=save" onsubmit="return validateCallBack(this, navTabAjaxDone)">
 
 * 
 
 * form提交后返回json数据结构statusCode=200表示操作成功, 做页面跳转等操作. statusCode=300表示操作失败, 提示错误原因.
 
 * {"statusCode":"200", "message":"操作成功", "navTabId":"navNewsLi", "forwardUrl":"", "callbackType":"closeCurrent"}
 
 * {"statusCode":"300", "message":"操作失败"}
 
 */
 
function navTabAjaxDone(json){
 
      ajaxDone(json);
 
      if (json.statusCode == 200){
 
            if (json.navTabId){
 
                  navTab.reloadFlag(json.navTabId);
 
            } else {
 
                  navTabPageBreak();
 
            }
 
 
 
            if ("closeCurrent" == json.callbackType) {
 
                  navTab.closeCurrentTab();
 
            } else if ("forward" == json.callbackType) {
 
                  navTab.reload(json.fowrwardUrl);
 
            }
 
      }
 
}

<form method="post" action="url" class="pageForm required-validate" onsubmit="return validateCallBack(this);">
 
<div class="pageFormContent" layoutH="56">
 
      <p>
 
            <label>E-Mail：</label>
 
            <input class="required email" name="email" type="text" size="30" />
 
      </p>
 
      <p>
 
            <label>客户名称：</label>
 
            <input class="required" name="name" type="text" size="30" />
 
      </p>
 
</div>
 
<div class="formBar">
 
      <ul>
 
            <li>
 
                  <div class="buttonActive"><div class="buttonContent"><button type="submit">保存</button></div></div>
 
            </li>
 
            <li>
 
                  <div class="button"><div class="buttonContent"><button type="Button" onclick="navTab.closeCurrentTab()">取消</button></div></div>
 
            </li>
 
      </ul>
 
</div>
 
</form>

<form method="post" action="url" class="pageForm required-validate" enctype="multipart/form-data" onsubmit="return ifarmeCallback(this);">
 
或
 
<form method="post" action="url" class="pageForm required-validate" enctype="multipart/form-data" onsubmit="return ifarmeCallback(this, xxxCallback);">

<script type="text/javascript">
 
      var statusCode="${statusCode}";
 
      var message="${message}";                         
 
      var navTabId="${navTabId}";
 
 
 
      var response = {statusCode:statusCode,
 
                  message:message,
 
                  navTabId:navTabId
 
            }
 
      if(window.parent.donecallback) window.parent.donecallback(response);
 
</script>

public class UserAction extends BaseAction {
 
 
 
public ActionForward changePwd(ActionMapping mapping, BaseActionForm bForm,
 
            HttpServletRequest request, HttpServletResponse response)
 
            throws IOException, ServletException {
 
      UserForm form = (UserForm) bForm;
 
 
 
      if (form.getOldPassword() == null
 
                  || "".equals(form.getOldPassword().trim())) {
 
            request.setAttribute("statusCode", 300);
 
            request.setAttribute("message", this.getMessage(request,
 
                  "msg.oldpassword.invalid"));
 
            return mapping.findForward("done");
 
      }
 
 
 
      User user = AppContextHolder.getContext().getUser();
 
 
 
      try {
 
            UserManager uManager = BusinessFactory.getFactory()
 
                        .getUserManager();
 
            uManager.changePassword(user, form.getOldPassword(), form
 
                        .getPassword());
 
            request.setAttribute("statusCode", 200);
 
            request.setAttribute("message", this.getMessage(request,
 
                  "msg.operation.success"));
 
      } catch (PasswordNotCorrectException e) {
 
            request.setAttribute("statusCode", 300);
 
            request.setAttribute("message", this.getMessage(request,
 
                  "msg.password.incorrect"));
 
      }
 
 
 
      return mapping.findForward("done");
 
}
 
protected ActionForward callbackForward(ActionMapping mapping,
 
            HttpServletRequest request) {
 
      if (ServerInfo.isAjax(request))
 
            return mapping.findForward("done");
 
      return mapping.findForward("callbackDone");
 
}
 
}
 
public class ServerInfo {
 
      public static boolean isAjax(HttpServletRequest request) {
 
            if (request != null
 
                        && "XMLHttpRequest".equalsIgnoreCase(request
 
                                    .getHeader("X-Requested-With")))
 
                  return true;
 
            return false;
 
}
 
}

<script type="text/javascript">
 
$(function(){
 
      DWZ.init("dwz.frag.xml", function(){
 
            initEnv();
 
            $("#themeList").theme({themeBase:"themes"});
 
      });
 
})
 
</script>

alertMsg.confirm("您修改的资料未保存，请选择保存或取消！", {
 
                okCall: function(){
 
                                $.post(url, {accountId: accountId}, ajaxDone, "json");
 
                }
 
});

$("body").contextMenu('navTabCM', {
 
      bindings:{
 
            closeCurrent:function(t){
 
                  // TODO
 
            },
 
            closeOther:function(t){
 
                  // TODO
 
            },
 
            closeAll:function(t){
 
                  // TODO
 
            }
 
      },
 
      ctrSub:function(m){
 
            var mCur = m.find("[rel='closeCurrent']");
 
            var mOther = m.find("[rel='closeOther']");
 
            var mAll = m.find("[rel='closeAll']");
 
            // TODO
 
      }
 
});

function add(){
	$role=new Model('Role');//创建一个用户分组模型
	$list=$role->select();//提取用户分组数据
	$this->assign('rlist',$list);//分组数据分配到视图上，为了在添加用户时选择所属分组
	$this->display();//调用模板显示
}
 
function insert(){
	$user=new UserModel();//创建用户模型
	if($data=$user->create()){//通过create方法获取表单数据，只有这样才能激活数据验证功能
		if(false!==$user->add()){//通过add方法把数据插入到数据库中
			$uid=$user->getLastInsID();//获取新增用户的编号，限于自动增长列
			$ru['role_id']=$_POST['role_id'];//获取选择的用户分组
			$ru['user_id']=$uid;//整合用户分组明细
			$roleuser=new Model('RoleUser');//创建用户分组明细模型
			$roleuser->add($ru);//添加用户分组明细信息
			$this->assign('jumpUrl',__URL__.'/index');//设定调整页面
			$this->success('操作成功，插入数据编号为：'.$uid);//成功页面提示信息
		}else{
			$this->error('操作失败：adduser'.$user->getDbError());//插入错误提示
		}
	}else{
		$this->error('操作失败：数据验证( '.$user->getError().' )');//getError方法获取数据验证失败信息
	}
}

<form action="__URL__/insert" method="post">
      <table class="admintable" id="admintable">
      <tr>
	<td class="key">用户名：<span class="red_font">*</span></td><td><input type="text" name="username" class="inputbox"  /></td>
      </tr>
      <tr>
	<td class="key">密码：<span class="red_font">*</span></td><td><input type="password" name="pwd" class="inputbox" /></td>
     </tr>
     <tr>
	<td class="key">昵称：<span class="red_font">*</span></td><td><input type="text" name="name" class="inputbox" /></td>
     </tr>
     <tr>
	<td class="key">邮箱：<span class="red_font">*</span></td><td><input type="text" name="email" class="inputbox" /></td>
     </tr>
     <tr>
	<td class="key">是否激活：<span class="red_font">*</span></td>
	<td>
	是<input type="radio" name="active" value="1" checked="checked" />
	否<input type="radio" name="active" value="0" />
	</td>
     </tr>
     <tr>
	<td class="key" valign="top">用户组：<span class="red_font">*</span></td>
	<td>
	<select name="role_id" size="10">
	<volist name="rlist" id="row">
		<option value="{$row['id']}">{$row['name']}</option>
	</volist>
	</select>
	</td>
     </tr>
     <tr>
	<td>
	<input class="button" type="submit" value="保存" />
	<input class="button" type="submit" value="应用" />
	<input class="button" type="button" onclick="history.go(-1);" value="取消" />
	</td>
     </tr>
</table>
</form>

Class UserAction extends Action{
 
  // 定义一个add操作方法，注意操作方法不需要任何参数
 
  Public function add(){
 
   // add操作方法的逻辑实现
 
   // ……
 
   $this->display(); // 输出模板页面
 
}
 
}

class UserAction extends CommonAction{
      /*
       用户列表
    */
      funciton index(){
      }
     /*
       添加用户
    */
      funciton add(){
      }
     /*
       编辑用户
    */
      funciton edit(){
      }
      /*
       删除用户
    */
      funciton delete(){
      }
      /*
       插入用户数据
    */
      funciton insert(){
      }
      /*
       更新用户数据
    */
      funciton update(){
      }
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>管理后台</title>
</head>
<frameset rows="64,*"  frameborder="NO" border="0" framespacing="0">
	<frame src="__ROOT__/admin.php/Public/top" noresize="noresize" frameborder="NO" name="topFrame" scrolling="no" marginwidth="0" marginheight="0" target="main" />
  <frameset cols="200,*"  rows="560,*" id="frame">
	<frame src="__ROOT__/admin.php/Public/left" name="leftFrame" noresize="noresize" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" target="main" />
	<frame src="__ROOT__/admin.php/Public/main" name="main" marginwidth="0" marginheight="0" frameborder="0" scrolling="auto" target="_self" />
  </frameset>
<noframes>
  <body></body>
    </noframes>
</html>

<?php
/*
* 功能：用户模型类
* 作者：马明
* 版本：1.0
* 开发时间：2010.1
*/
 
class UserModel extends Model {
	/*
	 * 表单验证
	 */
	protected  $_validate = array(
	//array(验证字段,验证规则,错误提示,验证条件,附加规则,验证时间)
		array('username','require','账号名必须存在！',1,'regex',3),
		array('username','','账号名已经存在！',1,'unique',1),
		array('rpwd','pwd','两次密码不一致！',0,'confirm'),
		array('name','require','用户名称必须存在！',1),
		array('email','require','邮箱不能为空！'),
		//array('email','','邮箱已经存在！',1,'unique',3),
		array('email','checkEmail','邮箱已经存在！',1,'callback',3),
		array('active',array(0,1),'启用：1 ; 停用：0',0,'in'),
	);
 
	/*
	 * 字段映射
	 */
	protected $_map=array(
		//'uname'=>'username',	
		'pwd'=>'password',
	);
 
	/*
	 * 自动填充
	 */
	protected $_auto=array(
	//array(填充字段,填充内容,填充条件,附加规则)
		array('password','md5',1,'function'),
		array('reg_date','getDate',1,'callback'),
		array('active','1'),
	);
 
	function getDate(){
		return date('Y-m-d H:i:s');
	}
 
	function checkEmail(){
		$user=new Model('User');
		if(empty($_POST['id'])){
			if($user->getByEmail($_POST['email'])){
				return false;
			}else{
				return true;
			}
		}else{
			if($user->where("id!={$_POST['id']} and email='{$_POST['email']}'")->find()){
				return false;
			}else{
				return true;
			}
		}
	}
}
?>

<body scroll="no">
<div id="layout">
		<div id="header">
			<div class="headerNav">
				<a class="logo" href="#">17joyslogo</a>
				<ul class="nav">
					<li><a href="#">切换角色</a></li>
					<li><a href="#">设置</a></li>
					<li><a href="#">反馈</a></li>
					<li><a href="#">帮助</a></li>
					<li><a href="#">退出</a></li>
				</ul>
				<ul class="themeList" id="themeList">
					<li class="t1" theme="default"><div class="selected">蓝色</div></li>
					<li class="t2" theme="green"><div>绿色</div></li>
					<li class="t3" theme="red"><div>红色</div></li>
					<li class="t4" theme="purple"><div>紫色</div></li>
					<li class="t5" theme="silver"><div>银色</div></li>
				</ul>
			</div>
		</div>
		<div id="leftside">
		<div id="sidebar_s" style="display:none;">
			<div class="collapse">
				<div class="toggleCollapse"><div>d</div></div>
			</div>
		</div>
		<div id="sidebar">
			<div class="toggleCollapse"><h2>主菜单</h2><div>收缩</div></div>
			<div class="accordion">
				<div class="accordionHeader">
					<h2><span>Folder</span>网站管理</h2>
				</div>
				<div class="accordionContent" style="display:block;">
					<ul class="tree treeFolder">
						<li><a href="tabsPage.html" target="navTab">控制面板</a>
							<ul>
								<li><a href="main.html">我的主页</a></li>
							</ul>
						</li>
						<li><a href="w_form.html" target="navTab" rel="joys_menu">菜单</a>
							<ul>
								<li><a href="w_button.html">菜单管理</a></li>
							</ul>
						</li>
					</ul>
				</div>
				<div class="accordionHeader">
					<h2><span>Folder</span>会员管理</h2>
				</div>
				<div class="accordionContent" style="display:block;">
					<ul class="tree treeFolder">
						<li><a href="tabsPage.html" target="navTab">会员管理</a>
							<ul>
								<li><a href="">会员资料管理</a></li>
								<li><a href="">添加会员</a></li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
		</div>
		</div>
		<div id="container">
			<div id="navTab" class="tabsPage">
				<div class="tabsPageHeader">
					<div class="tabsPageHeaderContent">
						<ul class="navTab-tab">
							<li tabid="main" class="main"><a href="#"><span><span class="home_icon">我的主页</span></span></a></li>
						</ul>
					</div>
					<div class="tabsLeft">left</div>
					<div class="tabsRight">right</div>
					<div class="tabsMore">more</div>
				</div>
				<ul class="tabsMoreList">
					<li><a href="#">我的主页</a></li>
				</ul>
				<div class="navTab-panel tabsPageContent">
					<div></div>
				</div>
			</div>
		</div> 
		<div id="taskbar" style="left:0px; display:none;">
			<div class="taskbarContent">
				<ul style="width:50000px"></ul>
			</div>
			<div class="taskbarLeft taskbarLeftDisabled" style="display:none;">taskbarLeft</div>
			<div class="taskbarRight" style="display:none;">taskbarRight</div>
		</div>
		<div id="splitBar"></div>
		<div id="splitBarProxy"></div>
	</div>
 
	<div class="resizable" style=" display:;"></div>
	<div class="shadow" style=" display:; width:508px; top:148px; left:296px;">
		<div class="shadow_h">
			<div class="shadow_h_l"></div>
			<div class="shadow_h_r"></div>
			<div class="shadow_h_c"></div>
		</div>
		<div class="shadow_c">
			<div class="shadow_c_l" style="height:296px;"></div>
			<div class="shadow_c_r" style="height:296px;"></div>
			<div class="shadow_c_c" style="height:296px;"></div>
		</div>
		<div class="shadow_f">
			<div class="shadow_f_l"></div>
			<div class="shadow_f_r"></div>
			<div class="shadow_f_c"></div>
		</div>
	</div>
	<div id="alertBackground" class="alertBackground"></div>
</body>

<?php
class CommonAction extends Action {
	function _initialize(){
		header("Content-Type:text/html; charset=utf-8");
	}
}
?>

<?php
class IndexAction extends CommonAction { //从CommonAction继续扩展继承
    public function index(){
        $this->display();
    }
}
?>