怎样学习jQuery easyUI教程?
顾名思义jQuery easyUI是一个基于jQuery的框架,相当于是jQuery的扩展、延续,jQuery easyUI集成了很多用户界面插件,我们在做页面布局的时候只要引用这些插件即可快速地布局出页面,而无需敲很多的代码,通常作为前端框架来使用,但是要注意easyUI是收费的,在做网站时需要购买版权才可以使用它,而在学习的时候则可以直接在网上下载一些教程来使用即可,无需付费。那么我们该怎么来学习jQuery easyUI呢?
操作方法
(01)下载demo首先在搜狗浏览器的地址栏中输入【jQuery easyUI 中文网】,第一个就是了,直接点击进入。然后在该网站中找到并点击【EasyUI下载】,由于我们是学习用的,而非商用,所以直接点击【官方下载】即可。注:如果是作为商用的话,则点击【购买商业版】。最后再点击【Download】下载demo,虽然也可以在线上浏览查看即可,不过直接下载下来在无网络的情况下也可以查看,而且运行速度较快。
(02)解压下载下来的文件包我们放在了F盘里面,解压【】,注意解压的时候要先创建一个文件夹,再将解压到文件夹里面,文件夹就命名为jquery-easyui-1.5.2即可。
(03)引入文件把jQuery-easyuui-1.5.2文件夹里面的themes文件夹复制粘贴到项目中,然后当网页用到easyUI时都要引入以下的四个文件:<script type="text/javascript" src="easyui/"></script><script type="text/javascript" src="easyui/"></script><link rel="stylesheet" type="text/css" href="easyui/themes/default/"/><link rel="stylesheet" type="text/css" href="easyui/themes/"/><script type="text/javascript" src="easyui/"></script>
(04)布局面板从easyUI帮助手册中的【布局-->布局面板layout】复制【创建整个页面的布局】。如果没有下载这个手册的,可以复制下面的代码:<body class="easyui-layout"> <div data-options="region:'north',title:'North Title',split:true" style="height:100px;"></div> <div data-options="region:'south',title:'South Title',split:true" style="height:100px;"></div> <div data-options="region:'east',iconCls:'icon-reload',title:'East',split:true" style="width:100px;"></div> <div data-options="region:'west',title:'West',split:true" style="width:100px;"></div> <div data-options="region:'center',title:'center title'" style="padding:5px;background:#eee;"></div> </body>
(05)预览然后运行页面,在浏览器中预览效果。点击工具栏的【在浏览器中预览/调试】图标,在浏览器中预览结果。
(06)修改我们把面板East和South去掉。然后按键盘F5刷新下页面。或者也可以把West和south面板去掉,根据需要选择或者保留面板。注意,面板是可以嵌套使用的。比如我们在center中再加一个面板。
(07)解析对布局面板中用到的一些重要属性进行解析:[1]title:表示定义布局面板的标题[2]region:表示定义布局面板的位置,布局面板的位置有5个north/sourth/east/west/center[3]border:表示布局面板是否有边框,默认是有边框,即值为true,把border属性去掉或者值改为false,即可去掉边框。[4]split:表示分隔条,即通过是否可以通过拖动改变布局面板的大小。[5]iconCls:布局面板的头部图标,这个都是easyUI中的css类。
特别提示
个人看法,仅供参考
-
水浒传写的是哪个朝代
(01)《水浒传》是一部中国古代小说,又称《忠义水浒传》、《忠义水浒》等,作者是施耐庵。小说的故事发生在北宋末年,即11世纪初到12世纪初的时期。北宋朝代经历了几次政权更迭和社会动乱,国力衰落,统治失序。而《水浒传》所描写的故事背景正是在这个时期。(02)小说主要围...
-
酒能寄快递吗
(01)酒在寄快递方面需要考虑以下因素:1.国家法律法规:不同国家对于寄送酒类的规定存在差异,一些国家可能允许寄送酒类,但也有些国家可能禁止或限制寄送酒类。(02)在寄送酒类之前,需要先了解目的地国家的法律法规和邮寄政策。2.邮寄公司政策:邮寄公司通常有自己的规定和限...
-
扑街是什么意思?粤语中骂人的词,源自英文Poor guy
解答:扑街主要表达3种意思:1.原意是走路被绊倒,扑倒在马路上;2.游戏中角色死亡,或者指乞丐;3.粤语中的“仆街”同意,源自外语中的“poorguy”,本意是骂人,也可表达一种倒霉的意思。扑街是什么意思?1.古文中扑街是扑倒在路上是指走路被绊倒,“扑”是扑倒,“街”是在街上...
-
荷花与莲花的区别是什么
(01)荷花和莲花是两种不同的水生植物,它们在外观、生长环境、用途等方面都有所不同。外观:荷花和莲花的外观有明显的区别。荷花的花瓣较大,颜色多样,包括红色、粉色、白色等,而莲花的花瓣较小,颜色也相对单一,主要是白色或粉红色。(02)此外,荷花的花蕾呈圆锥形,莲花的花蕾则...