zoukankan      html  css  js  c++  java
  • 在次封装easyuiDialog 插件

    $.fn.hDialog = function (options) {
            
    var defaults = {
                 
    300,
                height: 
    200,
                title: 
    '此处标题',
                html: 
    '',
                iconCls: 
    '',
                submit: 
    function () { alert('可执行代码.'); }
            }
            
    var id = $(this).attr('id');
            options 
    = $.extend(defaults, options);
            
    var self = this;

            $(self).dialog({
                title: options.title,
                height: options.height,
                 options.width,
                iconCls: options.iconCls,
                buttons: [{
                    text: 
    '确定',
                    iconCls: 
    'icon-ok',
                    handler: options.submit
                }, {
                    text: 
    '取消',
                    iconCls: 
    'icon-cancel',
                    handler: 
    function () {
                        $(
    '#' + id).dialog('close');
                    }
                }]
            });

            
    function createContent() {
                $(
    '.dialog-content',$(self)).empty().append('<div id="' + id + '_content" style="padding:5px;"></div>');
                $(
    '#' + id + "_content").html(options.html);
            }
            createContent();
        }

    调用:

    $(function(){
      var d =$('<div id="d"></div>');
      $(
    '#d').hDialog({submit:function(){$(d).dialog('close');}});
    })
  • 相关阅读:
    linux 网络相关
    工作随笔
    python
    trouble-shooting
    MySQL常见问题总结
    根据 Request 获取客户端 IP
    文件上传按钮优化
    Linux中RabbitMQ安装
    linux 完全卸载MySQL
    Linux 下安装 MySQL-5.7.24
  • 原文地址:https://www.cnblogs.com/hxling/p/1875542.html
Copyright © 2011-2022 走看看