jqgrid表格拖拽行

html部分

<div class="padding20 bgWhite marginTop20">

    <div class="cus-grid row" id="grid-wrap">
        <div class="col-lg-12">
            <table id="list2"></table>
            <div id="pager2"></div>
        </div>
    </div>
</div>



js部分

<script type="text/javascript">

    $(function(){
        pageInit();
    });


    function pageInit(){
//创建jqGrid组件
        jQuery("#list2").jqGrid(
            {
                url : '../configCenter/json/scene.json',
                datatype : "json",//请求数据返回的类型。可选json,xml,txt
                height:'auto',
                colNames : ['id','场景名称', '场景描述', '创建时间', '修改时间', '修改人','操作'],//jqGrid的列显示名字
                colModel : [ //jqGrid每一列的配置信息。包括名字，索引，宽度,对齐方式.....
                    {name: 'id', key: true, hidden:true},
                    {name : 'scenename',index : 'name',editable : false,editoptions : {readonly : true,size : 10},align:"left"},
                    {name : 'desc', width: 110,index : 'filesize',editable : true,editoptions : {size : 10},align:"left"},
                    {name : 'time',index : 'date',editable : true,editoptions : {size : 10},align:"left"},
                    {name : 'updatetime',index : 'date',editable : true,editoptions : {size : 10},align:"left"},
                    {name : 'updateman',index : 'date',editable : true,editoptions : {size : 10},align:"left"},
                    {name : 'handle',index : 'handle',editable : true,editoptions : {size : 10},align:"left",
                        formatter: formatContext
                    }

                ],

                shrinkToFit:true,
                rowNum : 10,//一页显示多少条
                rowList : [ 10,40],//可供用户选择一页显示多少条
                pager : '#pager2',//表格页脚的占位符(一般是div)的id
                sortname : 'id',//初始化的时候排序的字段
                sortorder : "desc",//排序方式,可选desc,asc
                mtype : "GET",//向后台请求数据的ajax的类型。可选post,get
                viewrecords : false,
                caption : "",//表格的标题名字,
                multiselect: true,//表格的多选设置，全部勾选已经内部配置；
                editurl : 'data/JSONData.json',
                autowidth:true,
                altRows:true,
            }
        );
    // 行拖拽功能
        jQuery("#list2").jqGrid('sortableRows', {
            items : '.jqgrow:not(.unsortable)'}
        )
    }

    //格式化表格
    //行内按钮
    function formatContext( cellvalue, options, rowObject ){
        var id = options.rowId;
        return '<span class="handle" οnclick="see(this)">查看</span><span class="handle" οnclick="edit(this)">编辑</span><span class="handle" οnclick="deleteApply(this)">删除</span><span class="handle" οnclick="stop(this)">停用</span>';
       }

</script>

转载于:https://www.cnblogs.com/required/p/10429605.html