Javascript 将Jqgrid从一个列值拖动到另一个列值,就像在excel中一样
如何像在excel中拖动一样将jqgrid的列值拖动到另一个列? 可以解决吗? 下面是我的jgrid代码: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
$(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
。