dwz富客户端框架列表checkbox功能扩展
2012-04-01 17:19
323 查看
dwz富客户端框架默认实例有批量删除功能,通过选择checkbox在a标签里加入target="selectedTodo"(如果是dialog里的列表还需要加targetType="dialog")调用dwz.database.js的selectedTodo方法实现。可是它的修改并不是通过选择checkbox来实现, 原来做的项目都是通过选择框来做修改和其他操作,于是在dwz.ui.js扩展了方法
//selectOne
$("a[target=selectOne]", $p).each(function(){
$(this).click(function(event){
var $this = $(this);
var title = $this.attr("title") || $this.text();
var rel = $this.attr("rel") || "ids";
var targetType = $this.attr("targetType");
var ids = "";
var $box = targetType == "dialog" ? $.pdialog.getCurrent() : navTab.getCurrentPanel();
$box.find("input:checked").filter("[name='"+rel+"']").each(function(i){
var val = $(this).val();
ids += i==0 ? val : ","+val;
});
if (!ids) {
alertMsg.error($this.attr("warn") || DWZ.msg("alertSelectMsg"));
return false;
}
if (ids.indexOf(',')!=-1) {
alertMsg.error("只能选择一条信息");
return false;
}
var options = {};
var w = $this.attr("width");
var h = $this.attr("height");
if (w) options.width = w;
if (h) options.height = h;
options.max = eval($this.attr("max") || "false");
options.mask = eval($this.attr("mask") || "false");
options.maxable = eval($this.attr("maxable") || "true");
options.minable = eval($this.attr("minable") || "true");
options.fresh = eval($this.attr("fresh") || "true");
options.resizable = eval($this.attr("resizable") || "true");
options.drawable = eval($this.attr("drawable") || "true");
options.close = eval($this.attr("close") || "");
options.param = $this.attr("param") || "";
var url = unescape($this.attr("href")).replaceTmById($(event.target).parents(".unitBox:first"));
url = url + "?id="+ids;
DWZ.debug(url);
if (!url.isFinishedTm()) {
alertMsg.error($this.attr("warn") || DWZ.msg("alertSelectMsg"));
return false;
}
$.pdialog.open(url, rel, title, options);
return false;
});
})
这样在a标签里加入target="selectOne"就可以判断是否选择checkbox和只选择了一个checkbox,做相应操作。
//selectOne
$("a[target=selectOne]", $p).each(function(){
$(this).click(function(event){
var $this = $(this);
var title = $this.attr("title") || $this.text();
var rel = $this.attr("rel") || "ids";
var targetType = $this.attr("targetType");
var ids = "";
var $box = targetType == "dialog" ? $.pdialog.getCurrent() : navTab.getCurrentPanel();
$box.find("input:checked").filter("[name='"+rel+"']").each(function(i){
var val = $(this).val();
ids += i==0 ? val : ","+val;
});
if (!ids) {
alertMsg.error($this.attr("warn") || DWZ.msg("alertSelectMsg"));
return false;
}
if (ids.indexOf(',')!=-1) {
alertMsg.error("只能选择一条信息");
return false;
}
var options = {};
var w = $this.attr("width");
var h = $this.attr("height");
if (w) options.width = w;
if (h) options.height = h;
options.max = eval($this.attr("max") || "false");
options.mask = eval($this.attr("mask") || "false");
options.maxable = eval($this.attr("maxable") || "true");
options.minable = eval($this.attr("minable") || "true");
options.fresh = eval($this.attr("fresh") || "true");
options.resizable = eval($this.attr("resizable") || "true");
options.drawable = eval($this.attr("drawable") || "true");
options.close = eval($this.attr("close") || "");
options.param = $this.attr("param") || "";
var url = unescape($this.attr("href")).replaceTmById($(event.target).parents(".unitBox:first"));
url = url + "?id="+ids;
DWZ.debug(url);
if (!url.isFinishedTm()) {
alertMsg.error($this.attr("warn") || DWZ.msg("alertSelectMsg"));
return false;
}
$.pdialog.open(url, rel, title, options);
return false;
});
})
这样在a标签里加入target="selectOne"就可以判断是否选择checkbox和只选择了一个checkbox,做相应操作。
相关文章推荐
- 写了个Android聊天客户端框架,基本聊天功能、数据库、服务器都有。大家可以看一看。已经开源
- DWZ富客户端框架
- salesforce 零基础学习(四十四)实现checkbox列表简单过滤功能
- DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架.
- 利用VUE框架,实现列表分页功能示例代码
- 【转】[原创]ExtAspNet新春贺岁版 - 文件上传控件、复选框列表控件、完善布局管理、表格的行扩展列、完整的100多个中文示例、30多处BUG修正与功能增强、《ExtAspNet秘密花园》系列文章
- DWZ富客户端框架
- Asp.net Mvc自定义客户端验证(CheckBox列表的验证)
- DWZ富客户端框架的搭建
- ExtAspNet新春贺岁版 - 文件上传控件、复选框列表控件、完善布局管理、表格的行扩展列、完整的100多个中文示例、30多处BUG修正与功能增强、《ExtAspNet秘密花园》系列文章
- DWZ富客户端框架视频教材
- DWZ富客户端框架
- EasyDarwin EasyClient开源流媒体客户端源码功能框架解析
- myseam,一个jboss seam2.0 的功能的扩展框架
- 扩展 Atlas 的客户端 Web Service 调用功能
- JavaScript实现QQ列表展开收缩扩展功能
- Asp.net Mvc自定义客户端验证(CheckBox列表的验证)
- 通过客户端扩展实现固定GridView表头功能
- DWZ富客户端框架 IIS不能使用Ajax解决方案