dialog的使用，按钮的两种实现方式

最新推荐文章于 2024-07-28 19:53:37 发布

长江七号zzj

最新推荐文章于 2024-07-28 19:53:37 发布

阅读量3.1k

点赞数

分类专栏： JS、Jquery 文章标签： dialog

本文链接：https://blog.csdn.net/u012867699/article/details/78114088

版权

JS、Jquery 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

dialog的使用

$('#createModelTemplate').dialog({
                title : dialogTitle(id),
                modal : true,
                width : 600,
                height : 550,
                buttons : [ {
                    text : dialogSave(id),
                    click : function() {
                        // 校验表单必填项
                        if(!validateForm()){
                            return;
                        };
                        $.ajax({
                            type : 'post',
                            url : '/workflow/model/save',
                            dataType : 'json',
                            data : {
                                "modelId" : id,
                            },
                            success : function(data) {
                                
                            },
                            error : function(){
                                
                            }
                        });
                    },
                },
                {
                    text : '取消',
                    click : function() {
                        $(this).dialog("close");
                    }
                }
                ],
                close: function () {  
                	$(this).dialog("close");   
                }
            });

其中dialogTitle(id)根据id是否有值显示新建或保存；dialogSave(id)根据id是否有值，按钮显示的值。

当然，如果，按钮正常显示，就用下面这种简单的方法

buttons: {
         "Ok": function() {
              $(this).dialog('close');
         },
         "Cancel": function() {
             $(this).dialog('close');
         }
     }