|
Ajax загрузка страницы содержащую jqGrid
#36497937
Ссылка:
Ссылка на сообщение:
Ссылка с названием темы:
|
|
|
|
Добрый день. Возникла проблема, и никак немогу справиться. У меня есть страница содержащая компонент jqGrid. Представляет из себя 2 грида содержащих группы товара, и товар в этих группах. Страница зовется - 'gridgoods.html'
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Подбор номенклатуры</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link rel="stylesheet" type="text/css" media="screen" href="jqgrid/themes/sand/grid.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />
</head>
<body>
<!-- body start -->
<hr color="#ff0000" width="90%">
<table border= 0 cellpadding="0" cellspacing="0" align="center"><tr><td valign="top">
<table id="listMaster" class="scroll" style=" float: left;"></table>
<div id="pagerMaster" class="scroll" style="text-align:center;"></div>
</td><td valign="top">
<table id="listDetail" class="scroll" style=" float: left;"></table>
<div id="pagerDetail" class="scroll" style="text-align:center;"></div>
</td></tr></table>
<script type="text/javascript" src="java/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="jqgrid/jquery.jqGrid.js"></script>
<script type="text/javascript" src="js/grid.locale-ru.js"></script>
<script type="text/javascript">
/* Master table */
jQuery(document).ready(function()
{
jQuery('#listMaster').jqGrid(
{
url: 'php/master.php',
height: 307 ,
caption: 'Группы',
imgpath: 'jqgrid/themes/basic/images',
datatype: 'json',
colNames: ['#', 'Наименование'],
colModel: [
{name: 'numStr', index: 'numStr', width: 15 },
{name: 'nameGroup', index: 'nameGroup', width: 200 , align: 'left'}
],
sortname: 'numStr',
sortOrder: 'asc',
multiSelect: 'false',
onSelectRow: function (ids)
{
//Скрипт обновляющий дочернюю таблицу
}
});
var lastSel;
jQuery('#listDetail').jqGrid(
{
url: 'php/getdata.php?detail=1&id=0',
height: 307 ,
caption: 'Номенклатура',
imgpath: 'jqgrid/themes/basic/images',
datatype: 'json',
mtype: 'POST',
colNames: ['№', 'Код', 'Наименование', 'Заказ', 'Цена', 'Валюта', 'Вес (брутто)',''],
colModel: [
{name:'numInGroup', index:'numInGroup', width: 30 },
{name:'kodFirm', index:'kodFirm', width: 90 },
{name:'surName', index:'surName', width: 300 , align:'left'},
{name:'count', index:'count', width: 50 , align:'center', editable: true}, //, edittype: "text"
{name:'price', index:'price', width: 60 , align:'right'},
{name:'curName', index:'curName', width: 50 , align:'center'},
{name:'weight', index:'weight', width: 60 , align:'center'},
{name:'а', index:'а', width: 13 , align:'center'}
],
sortname: 'surname',
sortOrder: 'asc',
multiSelect: 'false',
onSelectRow: function(id)
{
if ( id && id!== lastSel )
{
jQuery('#listDetail').restoreRow(lastSel);
jQuery('#listDetail').editRow(id, true);
lastSel = id;
}
},
editurl: 'php/saveeditgrid.php'
});
});
</script>
<!-- body end -->
</body>
</html>
все на ней работает и все прекрасно. В отдельных случаях, по мере надобности, я ее включаю с помощью PHP в другие страницы. Вот таким способом require('gridgoods.html'), и тоже все работает и никаких проблем.
Но мне понадобилось эту страницу в ключить в особо тяжелую страницу, которую весьма неохота перегружать и поетому решил подгружать ее с помощью Ajax. На нужной мне странице описал что брать и куда ложить:
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
jQuery("#mClick").click(function(){
jQuery.ajax({
type: 'GET',
url: 'gridgoods.html',
success: function(data){
divBoxLoadID.hide();
divBoxLoadID.empty();
divBoxLoadID.html(data);
divBoxLoadID.show();
alert(data);
}
});
})
})
Страничка подгружается, в нужном месте. Выводится все кроме самого грида, и никак непойму в чем дело.
Помогите, плиззз, кто чем может.
Заранее оччень благодарет |
|
|
