amazeui-jqgrid
v0.0.1
Published
Amaze UI jqGrid 样式
Downloads
9
Maintainers
Readme
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:
- 编辑、修改等功能测试