zoukankan      html  css  js  c++  java
  • EasyUI 自定义窗口工具

    默认的窗口有4个工具:collapsible(可折叠),minimizable(最小化),maximizable(最大化) 和closable(关闭),例如,我们定义下列窗口:

    <div id="win" class="easyui-window" title="My Window" style="padding:10px;200px;height:100px;">
    
        window content
    
    </div>
    
    


    自定义工具,设置工具为true或者false。例如,我们希望窗口只有一个closeable工具,可以设置任何其他工具为false。我们可以定义工具属性在标记中或者jquery代码中。现在我们使用jquery代码来定义窗口:

    $('#win').window({
    
        collapsible:false,
    
        minimizable:false,
    
        maximizable:false
    
    });
    
    


    如果你想添加自定义工具到窗口,我们可以使用tools属性,下面演示了我们添加自己的两个工具:

    $('#win').window({
    
        collapsible:false,
    
        minimizable:false,
    
        maximizable:false,
    
        tools:[{
    
            iconCls:'icon-add',
    
            handler:function(){
    
                alert('add');
    
            }
    
        },{
    
            iconCls:'icon-remove',
    
            handler:function(){
    
                alert('remove');
    
            }
    
        }]
    
    });
    

  • 相关阅读:
    html5css练习 旋转
    html5 css练习 画廊 元素旋转
    html5 渐变按钮练习
    html5 旋转导航练习
    html5 javascript 表单练习案例
    html5 p1练习1,移动页面,标准标签布局
    pyqt5desinger的安装即配置
    python 文件操作
    openGL 大作业之n星变换
    openGL 蓝天白云
  • 原文地址:https://www.cnblogs.com/huangf714/p/5911818.html
Copyright © 2011-2022 走看看