easyui---基础组件：dialog

时间：2018-10-25 11:03:56 阅读：154 评论：0 收藏：0 [点我收藏+]

标签：head image 就是 function window hand alt rip content

依赖下面两个组件
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

标签：head image 就是 function window hand alt rip content

原文地址：https://www.cnblogs.com/fpcbk/p/9847616.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行