0.0.1 • Published 8 years ago

amazeui-jqgrid v0.0.1

Weekly downloads
3
License
MIT
Repository
github
Last release
8 years ago

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"/>
  2. 引入 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>
  3. 初始化 jqGrid:

    $(function() {
      $("#jqGrid").jqGrid({
        url: 'http://trirand.com/blog/phpjqgrid/examples/jsonp/getjsonp.php?callback=?&qwery=longorders',
        mtype: "GET",
        styleUI : 'AmazeUI', // 注意设置此项
        // ...
      });
    });

TODO:

  • 编辑、修改等功能测试