使用metro-uiJS对话框调用其他文件html

Call other file html with metro ui JS Dialog

本文关键字:文件 html 其他 调用 metro-uiJS 对话框 使用      更新时间:2023-09-26

伙计们,你们知道如何用Metroui框架调用插入到对话框的外部文件吗。我在这里关注了文档:http://metroui.org.ua/dialog.html但它并没有显示如何调用像.html或.php这样的外部文件。请你帮我提供建议或解决方案。谢谢

您可以进行ajax调用,并将结果设置为onShow事件对话框的内容。[来源]

$("#createFlatWindow").on('click', function(){
    $.Dialog({
        overlay: true,
        shadow: true,
        flat: true,
        icon: '<img src="images/excel2013icon.png">',
        title: 'Flat window',
        content: '',
        onShow: function(_dialog){
             $.ajax({
               url: "test.php", 
               dataType: "html",
               success: function(result){
                 var html = result;
                 $.Dialog.content(html);
               }
             });            
        }
    });
});