将Jqgrid的一个列值拖到另一个列中,就像在Excel

时间:2016-06-10 17:35:07

标签: javascript php jquery excel jqgrid

如何将jqgrid的列值拖动到另一个,就像在excel中拖动一样? 可以解决吗? 下面是我的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: 'ठेगाना'}
            ]
        });
}):

现在我想将第1行的第2列名称拖到列2名称到第15行是否有任何解决方案? 任何帮助将受到高度赞赏。谢谢

0 个答案:

没有答案
相关问题