easyUI入门教程.docVIP

eaysUI 简介： easyui是一种基于jQuery的用户界面插件集合。 easyui为创建现代化，互动，JavaScript应用程序，提供必要的功能。 使用easyui你不需要写很多代码，你只需要通过编写一些简单HTML标记，就可以定义用户界面。 easyui是个完美支持HTML5网页的完整框架。 easyui节省您网页开发的时间和规模。 easyui很简单但功能强大的。 body class easyui-layout div data-options region:north,title:North Title,split:true style height:100px; div data-options region:south,title:South Title,split:true style height:100px; div data-options region:east,iconCls:icon-reload,title:East,split:true style width:100px; div data-options region:west,title:West,split:’true’ style width:100px; div data-options region:center,title:center title style padding:5px;background:#eee; split:为true时用户可以通过分割栏改变面板大小。当设置为true的时候面板大小将自适应父容器。下面的例子显示了一个面板，可以自动在父容器的最大范围内调整大小。 div id aa class easyui-accordion style width:300px;height:200px; div title Title1 data-options iconCls:icon-save style overflow:auto;padding:10px; h3 style color:#0099FF; Accordion for jQuery Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on web page more easily. div title Title2 data-options iconCls:icon-reload,selected:true style padding:10px; content2 div title Title3 content3 D Tabs （选项卡） 选项卡的存放位置 div id tt class easyui-tabs fit true border false 添加选项卡以及防止重复添加 addTab function options if $ #tt .tabs exists, options.title alert options.title alert options.href $ #tt .tabs select, options.title ; else $ #tt .tabs add, options ; addFriend function addTab title : 朋友管理, href : tree.jsp, fit : true, border : false, closable : true ; form（表单） form （表单）验证提交 div style text-align: center; padding: 5px a href javascript:void 0 class easyui-linkbutton onclick submitForm Submit a href javascript:void 0 class easyui-linkbutton onclick clearForm Clear Js代码 function submitForm $ #ff .form submit, onSubmit : function return $ this .form enableValidation .form validate ; ; function clearForm $ #ff .form clear ; validateBox （验证框） input id vv class easyui-validatebox data-options required:true,validType:email /