彩票走势图

jQuery EasyUI使用教程:创建简单窗口

原创|使用教程|编辑:龚雪|2016-04-27 09:12:27.000|阅读 543 次

概述:jQuery EasyUI致力于帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。本文主要为大家介绍如何创建一个简单的窗口。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

Kendo UI for jQuery——创建现代Web应用程序的最完整UI库!查看详情>>>

创建一个窗口非常简单,我们创建一个 DIV 标记:

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

现在运行测试页面,您会看见一个窗口显示在您的屏幕上。我们不需要写任何的javascript代码。

创建简单窗口

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

<div id="win" class="easyui-window" title="My Window" closed="true" style="width:300px;height:100px;padding:5px;">
Some Content.
</div>
$('#win').window('open');

作为最后的实例演示,我们创建一个登录窗口:

<div 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>
<div 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>
</div>
</form>
</div>
创建简单窗口

下载EasyUI示例:

购买正版授权的朋友可以点击""哦~~~

标签:HTML5jQueryUI界面HTML5/JS

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:慧都控件网

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP