jqgrid行内编辑，保存

最新推荐文章于 2024-04-30 19:40:07 发布

dream_heheda

最新推荐文章于 2024-04-30 19:40:07 发布

阅读量2w

点赞数 4

分类专栏： # jQuery控件文章标签： jqgrid

本文链接：https://blog.csdn.net/dreamstar613/article/details/54613032

版权

本文介绍了如何在jqGrid中实现行内编辑，详细讲解了编辑、保存和取消编辑的操作流程，并展示了相关的HTML、JS和Java控制器代码。此外，还探讨了在编辑行时如何为特定单元格绑定时间控件，特别提到了编辑参数如url、extraparam和successfunc的使用方法。

摘要由CSDN通过智能技术生成

编辑行，保存编辑，取消编辑

html代码

    <div class="panel-body">
        <table id="list" style="heigth: 1000px"></table>
        <div id="pager"></div>
    </div>

js代码

$("#list" ).jqGrid({
       colModel : [ //jqGrid每一列的配置信息。包括名字，索引，宽度,对齐方式.....
            {name : 'id',index : 'id',width : 100,align : 'right'},
            //第一步：把upperLimit列设置可编辑
            {name : 'upperLimit',index : 'upperLimit',width : 150,align : "right",editable : true},
            {name : 'lowerLimit',index : 'lowerLimit',width : 150,align : "right",editable : true}, 
            {name : 'edit',index : 'edit',width : 100,height : 300,align : "right"}],
        gridComplete : function() {
    // 第二步：数据加载完成后