easyUI 我的第一个window

@author YHC

创建一个window 非常简单,我们创建一个DIV标记.

[htML]
p id="win" class="easyui-window" tITle="my Window" style="width:300px; height:100px; padding:5px; ">    
    Some Content.   
/p>    

p id="win" class="easyui-window" title="My Window" style="width:300px; height:100px; padding:5px; ">  
    Some Content. 
/p>   现在运行你的测试页面,你会看见一个window 显示在你的屏幕上,我们不需要写任何的javascript代码.

如果你希望创建一个隐藏的window,记得设置'closed'属性为true值,你可以调用'oPEn' 方法来打开一个window.

[html]
p id="win" class="easyui-window" title="My Window" closed="true" style="width:300px; height:100px; padding:5px; ">    
    Some Content.   
/p>    

p id="win" class="easyui-window" title="My Window" closed="true" style="width:300px; height:100px; padding:5px; ">  
    Some Content. 
/p>   [javascript] view plaincopyPRint?$('#win').window('open');    

$('#win').window('open');   最为最后的示例我们创建一个登录窗体:

[html]
p id="win" class="easyui-window" title="Login" style="width:300px; height:180px; ">    
    form style="padding:10px 20px 10px 40px; ">    
        p> Name: input type="text"> /p>    
        p> Pass: input type="password"> /p>    
        p style="padding:5px; text-align:center; ">    
            a href="#" class="easyui-linkbutton" icon="icon-ok"> Ok/a>    
            a href="#" class="easyui-linkbutton" icon="icon-cancel"> Cancel/a>    
        /p>    
    /form>    
/p>    

p id="win" class="easyui-window" title="LOGin" style="width:300px; height:180px; ">  
    form style="padding:10px 20px 10px 40px; ">  
        p> Name: input type="text"> /p>  
        p> Pass: input type="password"> /p>  
        p style="padding:5px; text-align:center; ">  
            a href="#" class="easyui-linkbutton" icon="icon-ok"> Ok/a>  
            a href="#" class="easyui-linkbutton" icon="icon-cancel"> Cancel/a>  
        /p>  
    /form>  
/p>  

@author YHC

创建一个window 非常简单,我们创建一个DIV标记.

[html]
p id="win" class="easyui-window" title="My Window" style="width:300px; height:100px; padding:5px; ">    
    Some Content.   
/p>    

p id="win" class="easyui-window" title="My Window" style="width:300px; height:100px; padding:5px; ">  
    Some Content. 
/p>   现在运行你的测试页面,你会看见一个window 显示在你的屏幕上,我们不需要写任何的javascript代码.

如果你希望创建一个隐藏的window,记得设置'closed'属性为true值,你可以调用'open' 方法来打开一个window.

[html]
p id="win" class="easyui-window" title="My Window" closed="true" style="width:300px; height:100px; padding:5px; ">    
    Some Content.   
/p>    

p id="win" class="easyui-window" title="My Window" closed="true" style="width:300px; height:100px; padding:5px; ">  
    Some Content. 
/p>   [javascript] view plaincopyprint?$('#win').window('open');    

$('#win').window('open');   最为最后的示例我们创建一个登录窗体:

[html]
p id="win" class="easyui-window" title="Login" style="width:300px; height:180px; ">    
    form style="padding:10px 20px 10px 40px; ">    
        p> Name: input type="text"> /p>    
        p> Pass: input type="password"> /p>    
        p style="padding:5px; text-align:center; ">    
            a href="#" class="easyui-linkbutton" icon="icon-ok"> Ok/a>    
            a href="#" class="easyui-linkbutton" icon="icon-cancel"> Cancel/a>    
        /p>    
    /form>    
/p>    

p id="win" class="easyui-window" title="Login" style="width:300px; height:180px; ">  
    form style="padding:10px 20px 10px 40px; ">  
        p> Name: input type="text"> /p>  
        p> Pass: input type="password"> /p>  
        p style="padding:5px; text-align:center; ">  
            a href="#" class="easyui-linkbutton" icon="icon-ok"> Ok/a>  
            a href="#" class="easyui-linkbutton" icon="icon-cancel"> Cancel/a>  
        /p>  
    /form>  
/p>  

觉得可用，就经常来吧！ 欢迎评论哦！ html5教程，巧夺天工，精雕玉琢。小宝典献丑了！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！