amazeui-jqgrid

0.0.1 • Public • Published

Amaze UI jqGrid


NPM version Dependency Status devDependency Status

jqGrid 插件 Amaze UI 样式扩展。

使用说明:

  1. 获取 Amaze UI jqgrid
  1. 引入 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"/>
  1. 引入 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>
  1. 初始化 jqGrid:
$(function() {
  $("#jqGrid").jqGrid({
    url: 'http://trirand.com/blog/phpjqgrid/examples/jsonp/getjsonp.php?callback=?&qwery=longorders',
    mtype: "GET",
    styleUI : 'AmazeUI', // 注意设置此项
    // ...
  });
});

TODO:

  • 编辑、修改等功能测试

Dependencies (2)

Dev Dependencies (7)

Package Sidebar

Install

npm i amazeui-jqgrid

Weekly Downloads

5

Version

0.0.1

License

MIT

Last publish

Collaborators

  • minwe