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" onclick="see(this)">查看</span><span class="handle" onclick="edit(this)">編輯</span><span class="handle" onclick="deleteApply(this)">刪除</span><span class="handle" onclick="stop(this)">停用</span>';
       }

</script>