0.0.1 • Published 8 years ago
amazeui-jqgrid v0.0.1
Amaze UI jqGrid
jqGrid 插件 Amaze UI 样式扩展。
使用说明:
- 获取 Amaze UI jqgrid
- 直接下载
- 使用 NPM:
npm install amazeui-jqgrid
引入 jGgrid 样式以及 Amaze UI 样式(
dist
目录下的 CSS):<link rel="stylesheet" href="http://www.guriddo.net/demo/css/trirand/ui.jqgrid-bootstrap.css"> <link rel="stylesheet" href="path/to/amazeui.min.css"/> <link rel="stylesheet" href="path/to/amazeui.jqgrid.min.css"/>
引入 jGgrid 相关文件及 Amaze UI 扩展:
<script src="path/to/jquery.min.js"></script> <script src="http://www.guriddo.net/demo/js/trirand/i18n/grid.locale-cn.js"></script> <script src="http://www.guriddo.net/demo/js/trirand/jquery.jqGrid.min.js"></script> <script src="path/to/amazeui.jqgrid.min.js"></script>
初始化 jqGrid:
$(function() { $("#jqGrid").jqGrid({ url: 'http://trirand.com/blog/phpjqgrid/examples/jsonp/getjsonp.php?callback=?&qwery=longorders', mtype: "GET", styleUI : 'AmazeUI', // 注意设置此项 // ... }); });
TODO:
- 编辑、修改等功能测试
0.0.1
8 years ago