DWZ框架Ajax开发视频教材
视频下载地址
: http://dwz.duqn.com/doc/dwz-ajax-develop.swf
ajax 表单提交、分页组件
大家在使用DWZ框架过程中遇到问题最多的也是ajax表单提交处理流程、分页组件问题。本教材主要是讲解DWZ框架表单提交、分页等ajax交互原理和规范。DWZ其它组件这里不再讲解了,大家去看DWZ用户手册,特别是第一次使用一定要看用户手册中的 “常见问题及解决”。
实际上使用DWZ框架是非常简单方便的。开发人员基本不需自己写JS,包括ajax表单提交、分页组件。
信息列表上查询和分页都是用一个pagerForm来临时存查询条件。需要在每个查询列表页面加个隐藏的pagerForm。
分页或删除列表中的数据等操作都会重新载入当前navTab或dialog。原理很简单就是DWZ框架自动组装这个pagerForm中的参数后重新载入
当前navTab或dialog。
表单提交根据服务器端返回的json结构,有以下几种处理流程:
1) statusCode==300表示操作失败,提示用户出错原因message
2)
statusCode==200表示操作成功,提示message
navTabId非空,重新载入指定的navTab
callbackType=="closeCurrent"关闭当前form所在的nabTab或dialog
callbackType=="forward"当前nabTab载入forwardUrl
{
"statusCode":"状态码200或300",
"message":"提示信息",
"navTabId":"操作成功后需要指定navTab时使用",
"callbackType":"closeCurrent或forward",
"forwardUrl":"callbackType是forward时使用"
}
分 页组件使用方法:
<div class="pagination"
targetType="navTab" totalCount="200" numPerPage="20" pageNumShown="10"
currentPage="1"></div>
参数说明:
targetType:
navTab或dialog,用来标记是navTab上的分页还是dialog上的分页
totalCount: 总条数
numPerPage: 每页显示多少条
pageNumShown: 页标数字多少个
currentPage: 当前是第几页
相关文档:
ajax Detail.aspx页面
protected void Page_Load(object sender, EventArgs e)
{
Thread.Sleep(500);
string Keyid = Request.QueryString["Id"].ToString();
......
<html>
<body>
<script type="text/javascript">
function ajaxFunction()
{
var xmlHttp;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Inte ......
使用原始的XMLHttpRequest发出请求时,只能对Servlet和JSP操作
在JSP中创建3个function
1.createXmlHttpRequest----负责判断浏览器类型创建 XMLHttpRequest对象
var xmlHttpRequest;
function createXMLHttpRequest(){
// IE 浏览器
if(window.ActiveXObject){
&nbs ......
我的春秋痴梦第二步:
写一个 通用的 对象 列表 ,还 包含 搜索和 属性过滤。
具体的效果是:
当新 业务 添加一个 表的时候,只需要在 对象模型里的 添加一个 model
后台几乎不需写代码。
(我是后台:激动人心!)
调用的对象,第几页,属性的 过滤 和搜索全是 前台的Ajax参数控制
(我是前台:#$!@#$%$^#$% ......
ScriptManager.RegisterStartupScript(p1, this.GetType(), "click", "alert('ok')", true);//p1是updatepanel的id
ScriptManager.RegisterStartupScript(p1, this.GetType(), "click", "alert('ok')", true);//p1是updatepanel的id
......