修改 jqgrid 加载loading 更改为layui.loading

要将 jqGrid 的加载 loading 样式更改为 layui 的 loading 样式，可以按照以下步骤进行操作：

1. 在 HTML 文件中引入 layui 的 CSS 和 JS 文件：

<link rel="stylesheet" href="./layui/css/layui.css">
<script src="./layui/layui.js"></script>

2. 找到 jqGrid 的 CSS 文件（一般为 ui.jqgrid.css），并找到以下 CSS 类：

.ui-jqgrid .loading {
    position: absolute;
    top: 45%;
    left: 45%;
    margin-top: -15px;
    margin-left: -50px;
    padding: 10px;
    font-weight: bold;
    background-color: #fff;
    border: 1px solid #666;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    opacity: .8;
}

3. 将以上 CSS 类修改为以下代码：

.ui-jqgrid .loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -18px;
    margin-left: -18px;
}

4. 在 jqGrid 的初始化代码中，设置 `loadui` 为 `disable`，并添加 `loadComplete` 回调函数，例如：

$("#grid").jqGrid({
    url: "data.json",
    loadui: "disable",
    loadComplete: function() {
        layui.use('layer', function(){
            layer.closeAll('loading');
        });
    },
    // other options
});

5. 在 `loadComplete` 回调函数中，调用 layui 的 `layer.closeAll('loading')` 方法，以关闭 loading。

这样就可以将 jqGrid 的加载 loading 样式更改为 layui 的 loading 样式了。