Javascript 将Jqgrid从一个列值拖动到另一个列值,就像在excel中一样

Javascript 将Jqgrid从一个列值拖动到另一个列值,就像在excel中一样,javascript,php,jquery,excel,jqgrid,Javascript,Php,Jquery,Excel,Jqgrid,如何像在excel中拖动一样将jqgrid的列值拖动到另一个列? 可以解决吗? 下面是我的jgrid代码: $(document).ready(function () { $('#form_table').jqGrid('setCell', 2, 'column Name', '', {color: 'red'}); jQuery("#form_table").jqGrid({ datatype: "local", mtyp

如何像在excel中拖动一样将jqgrid的列值拖动到另一个列? 可以解决吗? 下面是我的jgrid代码:

$(document).ready(function () {
    $('#form_table').jqGrid('setCell', 2, 'column Name', '', {color: 'red'});
        jQuery("#form_table").jqGrid({
            datatype: "local",
            mtype: "POST",
            url: '',
            colNames: ['Id', 'तालीममा सहभागीको नाम थर', 'जिल्ला', 'गा.वि.स', 'वडा नं', 'जातजाती', 'लिङ्ग', 'उमेर'],
            colModel: [
                {name: 'id', index: 'id', jsonmap: "id", hidden: true, },
                {name: 'name', index: 'name', jsonmap: "name", width: 250, editable: true},
                {name: 'district', index: 'district', jsonmap: "district", width: 100, editable: true, align: 'center', edittype: 'select', editoptions: {
                        value: {"":"",<?php
                    foreach ($districts as $district) {
                        echo "'" . $district->dis_nepali . "': '" . $district->dis_nepali . "', ";
                    }
                    ?>
                        }, defaultValue: ''}, formatter: 'select'},

                {name: 'vdc', index: 'vdc', jsonmap: "vdc", width: 100, editable: true},
                {name: 'ward_no', index: 'ward_no', jsonmap: "ward_no", width: 80, editable: true},
                {name: 'caste', index: 'caste', jsonmap: "caste", width: 100, editable: true, align: "center", edittype: 'select', editoptions: {value: {"दलीत": "दलीत","आ/जनजाती": "आ/जनजाती", "बा छ्य": "बा छ्य", "मधेसी": "मधेसी", "अन्य": "अन्य","":""}, defaultValue: ''}, formatter: "select"},
                {name: 'gender', index: 'gender', jsonmap: "gender", width: 100, editable: true, align: "center", edittype: 'select', editoptions: {value: {"महिला": "महिला", "पूरूष": "पूरूष","":""}}, formatter: "select"},
                {name: 'age_group', index: 'age_group', jsonmap: "age_group", width: 100, editable: true,}
            ],
            loadComplete: function (data) {
                var grid = jQuery("#form_table"),
                        pageSize = parseInt(grid.jqGrid("getGridParam", "rowNum")),
                        emptyRows = pageSize - data.rows.length;

                if (data.rows.length == 0) {
                    for (var j = 1; j <= emptyRows; j++)
                        // Send rowId as undefined to force jqGrid to generate random rowId
                        grid.jqGrid('addRowData', undefined, {});
                }
                if (emptyRows > 0) {
                    for (var i = 1; i <= emptyRows; i++)
                        // Send rowId as undefined to force jqGrid to generate random rowId
                        grid.jqGrid('addRowData', undefined, {});
                }
            },
            jsonreader: {repeatitems: false, id: 'id', root: 'root'},
            pager: '#form_pager',
            rowNum: 10,
            toppager: true, //for pager on top
            height: "auto",
            rowList: [10, 20, 50, 100],
//            sortname: 'id',
            viewrecords: true,
            gridview: true,
            resizable: true,
            rownumbers: true,
            loadonce: true,
            //shrinkToFit:false,
            loadtext: 'Loading...',
            cellEdit: true,
            contentType: "application/json",
            cellsubmit: 'clientArray',
            cellurl: ""
        });
        jQuery("#form_table").jqGrid('navGrid', '#form_pager', {
            cloneToTop: true,
            edit: false,
            add: false,
            del: false
        });
        jQuery("#form_table").jqGrid('setGroupHeaders', {
            useColSpanStyle: true,
            groupHeaders: [
                {startColumnName: 'district', numberOfColumns: 3, titleText: 'ठेगाना'}
            ]
        });
}):
$(文档).ready(函数(){
$('#form_table').jqGrid('setCell',2',column Name','','',{color:'red'});
jQuery(“#表单_表”).jqGrid({
数据类型:“本地”,
mtype:“POST”,
url:“”,
colNames:['Id','तालीममा सहभागीको नाम थर', 'जिल्ला', 'गा.वि.स', 'वडा नं', 'जातजाती', 'लिङ्ग', 'उमेर'],
colModel:[
{name:'id',index:'id',jsonmap:'id',hidden:true,},
{name:'name',index:'name',jsonmap:'name',宽度:250,可编辑:true},
{name:'district',index:'district',jsonmap:'district',width:100,edit:true,align:'center',edittype:'select',editoptions:{

值:{“”:“”,我对代码有很多问题。我不确定“在excel中拖动”下的含义。我想您只需要添加选项
sortable:true
,并验证是否包含jQuery UI JS文件。然后,您可以通过拖放列标题来更改列的顺序。如果您只想拖放一行的值,而不是整个列,那么我不得不让您失望:jqGrid.Tha中不存在该功能nks,但是否有其他方法或任何其他表格?告诉信任它是excel的功能,这只会让我感到不安,因为人们可以在真正需要的时候进行拖放。这是我个人的意见。如果您仍然必须实现该功能,那么您可以使用jQuery UI和.Cell编辑模式,您使用的这种模式有许多回调(请参阅)。因此,您可以在编辑初始化后调用
$.draggable
。我对代码有很多问题。我不确定“在excel中拖动”下的含义。我想您只需要添加选项
sortable:true
,并验证是否包含jQuery UI JS文件。然后,您可以通过拖放列标题来更改列的顺序。如果您只想拖放一行的值,而不是整个列,那么我不得不让您失望:jqGrid.Tha中不存在该功能nks,但是否有其他方法或任何其他表格?告诉信任它是excel的功能,这只会让我感到不安,因为人们可以在真正需要的时候进行拖放。这是我个人的意见。如果您仍然必须实现该功能,那么您可以使用jQuery UI和.Cell编辑模式,您使用的这种模式有许多回调(请参阅)。因此,您可以在编辑初始化后调用
$.draggable