《初试jquery_easyui_使用介绍》初试jQueryEasyUI使用介绍jQueryEasyUI是一组基于jQuery的UI插件集合,而jQueryEasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签。jQueryEasyUI为我们提供了大多数UI控件的使用,如:bobox,menu,dialog,tabs,tree,window等等。OK,下面就开始我们的初探之旅。jQueryEasyUI---Accordion手风琴效果,大家应该很熟悉。基本代码:复制代码代码如下:<htmlxmlns=“9/xhtml”><head><title>Accordion</title><scriptsrc=“../jquery-”type=“text/javascript”></script><scriptsrc=“../”type=“text/javascript”></script><linkhref=“../themes/default/”rel=“stylesheet”type=“text/css”/><linkhref=“../themes/”rel=“stylesheet”type=“text/css”/><scripttype=“text/javascript”></script></head><body><divstyle=“overflow:auto;width:600px;height:300px;padding:10px;border:c;”><divid=“aa”class=“easyui-accordion”fit=“true”style=“width:300px;height:200px;”><divtitle=“Title1”style=“overflow:auto;padding:10px;”><h3>Accordion1</h3></div><divtitle=“Title2”style=“padding:10px;”><h3>Accordion2</h3></div><divtitle=“Title3”><h3>Accordion3</h3></div></div></div></body></html>代码非常简单,只需要简单的html就可以实现。这里最重要的就是首先要引用jquery-。效果:由于只是简单的html,ordion进行操控,控制大小,位置等等。jQueryEasyUI---DataGrid从名字就可以知道这是个数据的绑定和显示控件。基本代码:复制代码代码如下:<htmlxmlns=“9/xhtml”><head><title>DataGrid</title><metahttp-equiv=“Content-Type”content=“text/html;charset=UTF-8”><scriptsrc=“../jquery-”type=“text/javascript”></script><scriptsrc=“../”type=“text/javascript”></script><linkhref=“../themes/default/”rel=“stylesheet”type=“text/css”/><linkhref=“../themes/”rel=“stylesheet”type=“text/css”/><scripttype=“text/javascript”>$(function(){$(‘#test’).datagrid({title:‘jQueryEasyUI---DataGrid’,iconCls:‘icon-save’,width:500,height:350,nowrap:f
《初试jquery easyui 使用介绍》 来自淘豆网m.daumloan.com转载请标明出处.
