项目实战教程12Mvc+jQueryEasyUI2课件.pptVIP

BF-TECH 4.0 DNET 软件开发工程师高薪就业品牌课程版权所有：北风网 ASP.NET 4.5 MVC 开发实战教程讲师：石曼迪 第十一章 Asp.net Mvc+jQuery EasyUI 目录 EasyUI简介 Web API路由 Web API CURD Web API 客户端调用 EasyUI简介 jQuery EasyUI是一组基于jQuery的UI插件集合，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。 提供了大多数UI控件的使用，如：accordion，combobox，menu，dialog，tabs，validatebox，datagrid，window，tree等等。 EasyUI简介 EasyUI简介 EasyUI使用第一步 一般添加引用： link rel=stylesheet type=text/css href=../../Content/themes/default/easyui.css/ link rel=stylesheet type=text/css href=../../Content/themes/icon.css/ script type=text/javascript src=../../Content/jquery.min.js/script script type=text/javascript src=../../Content/jquery.easyui.min.js/script MVC添加引用： link href=@Url.Content(~/Content/Site.css) rel=stylesheet type=text/css / script src=@Url.Content(~/Scripts/jquery-1.4.4.min.js) type=text/javascript/script MVC添加引用： @Styles.Render(~/Content/iconcss) @Styles.Render(~/Content/themes/css) @Scripts.Render(~/bundles/jquery) @Scripts.Render(~/bundles/EasyUI) EasyUI——布局 基本布局： EasyUI——布局 基本布局： div data-options=region:north,border:false north region/div div data-options=region:west,split:true,title:Westwest content/div div data-options=region:south,border:falsesouth region/div div data-options=region:center,title:Center/div region ,他的值有如下几种枚举值：north,east,west,center。 north表示容器的顶部部分 west表示容器的左边 east表示容器的右边 south表示容器的底部 center表示容器的中间部分，这个属性有点特殊，在使用Layout的时候，最少得有主区域，其中一个Div的region就必须为center EasyUI——面板 基本布局： EasyUI——面板 基本布局： div class=easyui-accordion data-options=fit:true,border:false 　　div title=About data-options=iconCls:icon-okAccordionComponet-1/div 　　div title=Help data-options=iconCls:icon-help AccordionComponet-2/div 　　div title=Contract us data-options=iconCls:icon-searchAccordionComponet-3/div /div collapsed 属性表示是否处于折叠的状态，false的时候表示展开的状态， collapsible: 表是是否可以折叠，为false的时候，表示该Accordion是不可以自由的折叠的，对应的显示效果就是没有title栏内没有可以折叠的按钮 EasyUI——按钮 基本样式： EasyUI——按钮 基本样式： div a href=# class=easyui-linkbutton icon=icon-cancel取消/a