dwz富客户端框架列表checkbox功能扩展

最新推荐文章于 2018-04-26 10:55:18 发布

原创

最新推荐文章于 2018-04-26 10:55:18 发布 · 4.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#框架 #扩展 #dialog #function #url #input

本文介绍了如何在DWZ富客户端框架中扩展列表的批量删除功能，特别是如何通过添加target='selectOne'来实现单个记录的选择和修改操作，同时详细展示了相关的JavaScript代码实现。

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();
    i