easyui---基础组件：dialog

Posted 2021-01-15 fpcbk

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了easyui---基础组件：dialog相关的知识，希望对你有一定的参考价值。

依赖下面两个组件
window
linkbutton

linbutton组件：就是超链接变成按钮


$(function(){
    $("#linkbuttonid").linkbutton({
        text:"dianji",
        iconCls:"icon-save"        
    })
})
</script>
</head>
<body>
<div id="windowid" ></div>
<!-- <input type="button" value="点击"/> -->
<a id="linkbuttonid" ></a>

点击按钮打开窗口

<script>
$(function(){
    $("#linkbuttonid").click(function(){
        $("#windowid").window("open");
    });
})

</script>
</head>
<body>
<div id="windowid" closed=true class="easyui-window" style="width:500px;height:300px;"></div>
<a id="linkbuttonid" class="easyui-linkbutton">点击</a>
</body>

调用方法：直接方法名，和事件不同，事件需要配置事件名：function(){}

$("#windowid").window("open");

  <div id="dd" title="My Dialog" style="width:400px;height:200px;">  

     Dialog Content.   

  </div>  


 $(‘#dd‘).dialog({   

    modal:true  

 });

$(function(){
    $("#dialogid").dialog({        
        width:500,   
           height:150,   
          title: ‘My Panel‘,
          content:"aaaa",
          iconCls:"icon-edit",
        
          toolbar:[
                 {
                     text:"新增",
                     iconCls:"icon-add",
                     handler:function(){alert();}}
                 ]
    
        
    })
})

技术分享图片

以上是关于easyui---基础组件：dialog的主要内容，如果未能解决你的问题，请参考以下文章

easyui dialog弹窗问题

easyUI前端ajax上传文件组件

我在别人写的jquery easyui自定义类似Dialog的组件，其中有设置了mask：true，mask是啥属性啊

easyui dialog弹出框的遮罩只遮罩iframe内的区域，怎样能遮罩整个页面

easyui级联弹出dialog的问题

easyui 入门指南