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

来源：互联网发布：ubuntu软件安装位置编辑：程序博客网时间：2024/05/18 00:49

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');         }     }

阅读全文

0 0