【原创】ligerGrid使用初长成

第一步:下载ligerUI  ,官网: http://www.ligerui.com/css

  里边有详细的API、demo等信息,选择须要的版本下载。html

第二步:解压缩,获得ligerUI文件夹,里边包含js文件夹和skins文件夹,skins目录中有4套皮肤,根据本身的喜爱引入相应的皮肤jquery

第三步:将整个ligerUI文件夹添加到项目中。ui

第四步:在项目文件中引用css和js。3d

    ligerUI包含了不少UI控件,这里主要讲使用ligerGrid的使用。htm

第五步:在html文件中引用css(css/grid.css或者css/ligerui-all.css)。blog

第六步:引入js事件

   在引入ligerGrid.js以前 必定要先引用/ligerUI/js/core/base.js ,固然二者都是依赖于jquery的。因此必定要先引用jquery,而后在引用base.js,最后再引用ligerGrid.jsget

第七步:写htmlgrid

    <div id="maingrid"></div>

第八步:写js加载事件 window.onload:

 

 第八步:大功告成.。结果截图以下:

相关文章
相关标签/搜索