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:

  • 编辑、修改等功能测试

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 0.0.1
    8
    • latest

Version History

  • Version
    Downloads (Last 7 Days)
    • Published
  • 0.0.1
    8

Package Sidebar

Install

npm i amazeui-jqgrid

Weekly Downloads

8

Version

0.0.1

License

MIT

Last publish

Collaborators

  • minwe