dwz jui 修改html元素,DWZ框架的url变量替换

  • Post author:
  • Post category:其他


HTML扩展方式navTab, dialog, ajaxTodo 的url支持变量替换。例如:__URL__/edit/id/{xxx}

大括号内的xxx就是变量名,主要功能是结合table组件一起使用,下面是dwz_thinkphp中用户列表的示例:

下图中的删除、编辑、修改密码都是用了url变量替换:

删除、编辑、修改密码使用了变量{sid_user}

当选中一行时,tr上的rel值会自动替换到url变量中.

注意url变量名{sid_user}和tr的target=”sid_user”保持一致.

代码示例:

删除

编辑

修改密码

编号用户名昵称Email添加时间上次登录登录次数状态

{$vo[‘id’]}{$vo[‘account’]}{$vo[‘nickname’]}{$vo[’email’]}{$vo[‘create_time’]|date=”Y-m-d”,###}{$vo[‘last_login_time’]|date=”Y-m-dH:i:s”,###}{$vo[‘login_count’]}{$vo[‘status’]|showStatus=$vo[‘id’]}

checkbox全选、反选

checkbox全选、反选。(demo à 表单组件 à多选框/单选框)

选择1

选择2

选择3

全选

反选uploadify多文件上传

uploader=”uploadify/scripts/uploadify.swf”

cancelImg=”uploadify/cancel.png”

script=”ajaxDone.html”

scriptData=”{PHPSESSID:’xxx’, ajax:1}”

folder=”/folder”

fileQueue=”fileQueue”

[onComplete=”uploadifyComplete”]

[onAllComplete=”uploadifyAllComplete”] />参数说明:

uploader: flash组件uploadify.swf的访问路径

cancelImg:取消按钮使用的图片路径

script:    服务器端处理上传文件的路径

scriptData:上传文件时需要传递给服务器的其他参数,是json格式

folder:    是服务器存储文件的目录

fileQueue:是上传进度显示区域

onAllComplete:可选参数,单个文件上传完时触发,参数有:      event: event 事件对象

Id:     上传进度队列的id

fileObj: 是一个包含上传文件信息的对象,包括的信息有:

name: 文件名

filePath: 上传文件在服务器端的路径

size:     文件的大小

creationDate:文件创建的时间

modificationDate:文件最后更改的时间

type:是以”.”开始的文件扩展名

response:服务器端处理完上传文件后返回的文本

data: 包含有两个参数的对象:fileCount:上传队列中还剩下的文件数

speed:以KB/s为单位的文件上传平均速度

uploadifyAllComplete:可选参数,全部文件上传完成时调用的函数,参数有:      event:event事件对象

data:是一个包含以下信息的对象,

filesUploaded: 已经上传的文件总数

errors: 上传出错的文件总数

allBytesLoaded:已经上传文件的总大小

speed: 以KB/s为单位的上传文件的平均速度

以下3个方法是dwz.ajax.js中定义的用于文件上传的会调函数:function uploadifyAllComplete(event, data){

if (data.errors) {

var msg = “The totalnumber of files uploaded: “+data.filesUploaded+”\n”

+ “The totalnumber of errors while uploading: “+data.errors+”\n”

+ “The totalnumber of bytes uploaded: “+data.allBytesLoaded+”\n”

+ “The averagespeed of all uploaded files: “+data.speed;

alert(“event:” +event + “\n” +msg);

}

}

function uploadifyComplete(event, queueId, fileObj, response, data){

DWZ.ajaxDone(DWZ.jsonEval(response));

}

function uploadifyError(event, queueId, fileObj, errorObj){

alert(“event:” +event + “\nqueueId:” +queueId + “\nfileObj.name:”

+ fileObj.name + “\nerrorObj.type:”+ errorObj.type + “\nerrorObj.info:”+ errorObj.info);

}