-1- 初试 jQuery EasyUI 使用介绍 jQuery EasyUI 是一组基于 jQuery 的 UI 插件集合,而 jQuery EasyU I 的目标就是帮助 we b 开发者更轻松的打造出功能丰富并且美观的UI 界面。开发者不需要编写复杂的 javascript , 也不需要对 css 样式有深入的了解, 开发者需要了解的只有一些简单的 html 标签。 jQuery EasyUI 为我们提供了大多数 UI 控件的使用,如: accordion , combobox , menu , dialog , tabs , tree , window 等等。 OK ,下面就开始我们的初探之旅。 jQuery EasyUI---Accordion 手风琴效果,大家应该很熟悉。基本代码: 复制代码代码如下: <html xmlns= “ 9/xhtml ”> <head> <title>Accordion</title> <script src= “../jquery- ” type= “ text/javascript ”></script> <script src= “../ ” type= “ text/javascript ”></script> <link href= “../themes/default/ ” rel= “ stylesheet ” type= “ text/css ”/> <link href= “../themes/ ” rel= “ stylesheet ” type= “ text/css ”/> <script type= “ text/javascript ”></script> </head> <body> <div style= “ overflow:auto;width:600px;height:300px;padding:10px;bord -2- er:1px solid #ccc; ”> <div id= “ aa ” class= “ easyui-accordion ” fit= “ true ” style= “ width:300px;height:200px; ”> <div title= “ Title1 ” style= “ overflow:auto;padding:10px; ”> <h3>Accordion1</h3> </div> <div title= “ Title2 ” style= “ padding:10px; ”> <h3>Accordion2</h3> </div> <div title= “ Title3 ”> <h3>Accordion3</h3> </div> </div> </div> </body> </html> 代码非常简单,只需要简单的 html 就可以实现。这里最重要的就是首先要引用 jquery- 和 。效果: 由于只是简单的 html , 所以我们可以通过 js 轻松的对 Accordion 进行操控,控制大小,位置等等。 jQuery EasyUI---DataGrid -3- 从名字就可以知道这是个数据的绑定和显示控件。基本代码: 复制代码代码如下: <html xmlns= “ 9/xhtml ”> <head> <title>DataGrid</title> <meta http-equiv= “ Content-Type ” content= “ text/html; charset=UTF-8 ”> <script src= “../jquery- ” type= “ text/javascript ”></script> <script src= “../ ” type= “ text/javascript ”></script> <link href= “../themes/defa
初试jQuery EasyUI 使用介绍 来自淘豆网m.daumloan.com转载请标明出处.
