码迷,mamicode.com
首页 > 其他好文 > 详细

【原创】ligerGrid使用初长成

时间:2015-01-06 19:38:46      阅读:181      评论:0      收藏:0      [点我收藏+]

标签:

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

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

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

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

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

    ligerUI包含了很多UI控件,这里主要讲使用ligerGrid的使用。

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

第六步:引入js

   在引入ligerGrid.js之前 一定要先引用/ligerUI/js/core/base.js ,当然两者都是依赖于jquery的。所以一定要先引用jquery,然后在引用base.js,最后再引用ligerGrid.js

技术分享

第七步:写html

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

技术分享

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

技术分享 技术分享

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

技术分享

 

【原创】ligerGrid使用初长成

标签:

原文地址:http://www.cnblogs.com/Sages/p/4206635.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!