(jqueryeasyui学习文档.doc

Accordion（可折叠标签） 实例 代码 html head meta http-equiv=Content-Type content=text/html; charset=UTF-8 titlejQuery EasyUI/title link rel=stylesheet type=text/css href=../themes/default/easyui.css link rel=stylesheet type=text/css href=../themes/icon.css script type=text/javascript src=../jquery-1.4.2.min.js/script script type=text/javascript src=../jquery.easyui.min.js/script script type=text/javascript $( function() { $(#aa).accordion( { width : 400, height : 200, fit : false }); }); /script /head body div id=aa border=true div title=Title1 icon=icon-save style=overflow: auto; padding: 10px; h3 style=color: #0099FF;Accordion for jQuery/h3 pAccordion is a part of easyui framework for jQuery. It lets you define your accordion component on web page more easily./p /div div title=Title2 icon=icon-reload selected=true style=padding: 10px;content2/div div title=Title3content3/div /div /body /html 效果图 1.1.3 扩展 实例html代码中 div id=aa border=true 此行也可写成 div id=aa class=easyui-accordion style=width:300px;height:200px; fit=false border=false ，并且将js代码全部去掉，效果图是一样的。 参数 容器参数 参数名称 参数类型 描述 默认值 width 数字 可折叠标签的宽度。 auto height 数字 可折叠标签的高度。 auto fit 布尔 是否使可折叠标签自动缩放以适应父容器的大小，当为true时width和height参数将失效。 false border 布尔 是否显示边界线。 true 面板参数 可折叠标签面板继承自面板（panel）,许多属性定义在div /标签里，下面的属性就是如此： 参数名称 参数类型 描述 默认值 selected 布尔 设置可折叠标签中默认展开的标签页 false DateBox（日期框） 实例 代码 !DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/html4/loose.dtd html head meta http-equiv=Content-Type content=text/html; charset=gb2312 titlejQuery EasyUI/title link rel=stylesheet type=text/css href=../themes/default/easyui.css link rel=stylesheet type=text/css href=../themes/icon.css script type=text/javascript src=../jquery-1.4.2.min.js/script script type=text/javascript src=../jquery.easyui.min.js/script script function disable() { $(#dd).datebox(disable); } function enable() { $(#dd).datebox(enable); } /* 将Date/String类型,解析为String类型. 传入String类型,则先解析为Date类型 不正确的Date,返回