Привет! Прошу помочь с такой проблемой:
Есть таблица с данными, выбираю любое поле нажимаю кнопку редактировать появляется модальное окно, вот проблема в том что я не могу перемещать это модальное окно по экрану, не могу понять почему, вот код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" media="screen" href="../ajax/css/ui-lightness/jquery-ui-1.7.2.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="../ajax/jgrid/css/ui.jqgrid.css" mce_href="../ajax/jgrid/css/ui.jqgrid.css" />
<script type="text/javascript" src="../ajax/jquery.js"></script>
<script type="text/javascript" src="../ajax/jgrid/js/i18n/grid.locale-ru.js"></script>
<script type="text/javascript" src="../ajax/jgrid/js/jquery.jqgrid.min.js"></script>
<script type="text/javascript">
$(function(){
jQuery("#list2").jqGrid({
url:'user.php',
datatype: "xml",
mtype: 'GET',
colNames:['ID','Login', 'Password', 'Email'],
colModel:[
{name:'id',index:'id', width:55},
{name:'login',index:'login', width:200},
{name:'password',index:'password', width:100},
{name:'email',index:'email', width:200},
],
rowNum:10,
rowList:[10,20,30],
pager: $('#pager2'),
sortname: 'id',
viewrecords: true,
sortorder: "desc",
caption:"Users",
//editurl:"someurl.php"
});
jQuery("#list2").jqGrid('navGrid','#pager2',
{}, //options
{height:280,reloadAfterSubmit:false,}, // edit options
{}, // add options
{reloadAfterSubmit:false}, // del options
{modal:true}// search options
);
//jQuery("#list2").jqGrid('gridResize',{minWidth:350,maxWidth:800,minHeight:80, maxHeight:350});
})
</script>
</head>
<body>
<table id="list2"></table>
<div id="pager2"></div>
</body>
</html>