脚本宝典收集整理的这篇文章主要介绍了html5教程-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> 

 

 

作者：yhc13429826359
 

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

脚本宝典总结

以上是脚本宝典为你收集整理的html5教程-easyUI 我的第一个window全部内容，希望文章能够帮你解决html5教程-easyUI 我的第一个window所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。