佳泰生活

青山传琴韵,流水送知音

dwz打开自定义dialog

在使用dwz界面的时候,需要打开自定义的dialog,并向其中传入参数,在网上搜索,大多数是使用lookup这这样的功能来实现

lookup这样的功能太复杂看不懂,所以使用了jquery的方法来实现自定义参数的传递,代码如下

整体的思路是这样的,给<a> 指定一个id,然后给这个id添加绑定事件,然后在事件中传入自定义的url即可

 <li><a class="add" href="javascript:;"   id="mydialog"    ><span>打款</span></a></li>

 $("#mydialog").bind("click",function(){

        var ids = "";
        $('input[type="checkbox"][name="ids"]:checked').each(
                function() {
                    ids+=$(this).val()+",";
                }
        );
        if(ids=="")
        {
            alertMsg.error('请选择打款记录!');
            return;
        }

        var custurl="{:U('pay')}?ids="+ids;

//这个位置以上的代码可以自定义成自己的函数,只要把custurl传给url即可,下面的代码是从dwz.min.js拷贝出来的
$("a[target=dialog]", $p).each(function() 
        var $this = $(this);
        var title = $this.attr("title") || $this.text();
        var rel = $this.attr("rel") || "_blank";
        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 = custurl;
        DWZ.debug(url);
        if (!url.isFinishedTm()) {
            alertMsg.error($this.attr("warn") || DWZ.msg("alertSelectMsg"));
            return false;
        }
        $.pdialog.open(url, rel, title, options);
        return false;



阅读更多
文章标签: dwz
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭