如何在jqgrid中正确拖动编辑表单?

时间:2015-04-01 08:01:38

标签: javascript jquery jquery-ui jqgrid

当我拖动编辑表单时,表单的位置无效。 始终从位置(0,0)开始到窗口。 它的位置与鼠标光标位置无关。

我该如何解决这个问题?

这些是我的代码。

<table id="jqGrid"></table> <div id="jqGridPager"></div>


   $("#jqGrid").jqGrid({
        url: url,
        mtype: "GET",
        postData: data,
        datatype: "jsonp",
        colModel: [            
            { label: 'd_id', name: 'd_id', width: 15, key: true, hidden: true},
            { label: 'driver', name: 'd_name', width: 30, align:"center", editable: true, editoptions: {size: 40} },
            { label: 'phone', name: 'd_phone', width: 30, align:"center", editable: true, editoptions: {size: 40} },
            { label: '', name: '' }
        ],
        viewrecords: true,
        autowidth: true,
        height: '100%',
        rownumbers: true,
        rownumWidth: 25,
        rowNum: 20,
        editurl: g_base_url + 'driver/edit',
        pager: "#jqGridPager",
        loadError : function(xhr,st,err) {

        },
        loadComplete: function () {
        },
        onCellSelect: function(rowid, iCol, cellcontent, e) {

        }
    });

我的jqgrid版本是4.8,jquery版本是jquery-1.11.2,jquery-ui版本是1.11.4。

请访问jqgrid演示并点击编辑按钮(页面栏中的“+”符号)并拖动编辑表单serveral times。您可以找到它的位置始终从pos (0,0)开始。

演示链接为http://www.guriddo.net/demo/guriddojs/edit_add_delete/edit_template/index.html

0 个答案:

没有答案