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');}});
    })
  • 相关阅读:
    排序-堆排序
    排序-计数排序
    Django之路——10 django的分页组件
    Django之路——9 Django的form组件的信息校验
    Django之路——8 cookie 和sessions
    Django之路——7 django与ajax
    Django之路——6 Django的模型层(二)
    Django之路——6 Django的模型层(一)
    Django之路——4 Django的视图层
    Django之路——5 Django的模板层
  • 原文地址:https://www.cnblogs.com/hxling/p/1875542.html
Copyright © 2011-2022 走看看