jqueryeasyuiapij教程文档.docVIP

目 录 1 Accordion（可折叠标签） 2 1.1 实例 2 1.2 参数 3 2 DateBox（日期框） 4 2.1 实例 4 2.2 参数 6 2.3 事件 6 2.4 方法 6 3 ComboBox(组合框) 7 3.1 实例 7 3.2 参数 9 3.3 事件 9 3.4 方法 9 4 Dialog（对话框） 10 4.1 实例 10 4.2 参数 12 4.3 事件 12 4.4 方法 12 5 Messager（提示框） 12 5.1 实例 12 5.2 方法 15 5.3 扩展 16 6 NumberBox（数字框） 16 6.1 实例 16 6.2 参数 17 7 ValidateBox（验证框） 18 7.1 实例 18 7.2 参数 20 7.3 方法 20 7.4 扩展 20 8 Pagination（分页） 20 8.1 实例 20 8.2 参数 22 8.3 事件 23 9 Window（窗口） 23 9.1 实例 23 9.2 参数 25 9.3 事件 26 9.4 方法 26 10 Panel（面板） 26 10.1 实例 26 10.2 参数 28 10.3 事件 29 10.4 方法 29 11 Tabs（标签） 30 11.1 实例 30 11.2 参数 32 11.3 事件 32 11.4 方法 33 11.5 标签面板属性 33 12 Tree（树） 33 12.1 实例 33 12.2 参数 36 12.3 事件 37 12.4 方法 37 13 Layout（布局） 38 13.1 实例 38 13.2 参数 39 13.3 方法 39 14 Datagrid（数据表） 39 14.1 实例 39 14.2 参数 43 14.3 Column参数 44 14.4 事件 45 14.5 方法 46 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参数将失效。