|
jqGrid поиск
#38449352
Ссылка:
Ссылка на сообщение:
Ссылка с названием темы:
|
|
|
|
Здравствуйте,
Подскажите в чем может быть проблема,
настраиваю jqgrid, данные из БД выводятся в таблицу, но не получается настроить поиск, на форме не появляются даже поля для поиска
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.
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Осваиваем jqGrid с Linkexchanger</title>
<link rel="stylesheet" type="text/css" media="screen" href="css/flick/jquery-ui-1.7.2.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />
<style>
html, body {
margin: 0;
padding: 0;
font-size: 80%;
}
</style>
<script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
<script src="js/i18n/grid.locale-ru.js" type="text/javascript"></script>
<script src="js/jquery.jqgrid.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
var pager = $('#tablePager');
$('#table').jqGrid({
url:'p1e1.php',
datatype: 'json',
mtype: 'GET',
colNames:['фамилия','Имя', 'Отчество'],
colModel :[
{name:'familia', index:'familia', width:80},
{name:'name', index:'name', width:80},
{name:'otchestvo', index:'otchestvo', width:90}],
pager: pager,
sortname: 'familia',
sortorder: 'asc',
caption: 'Загрузка JSON данных',
autowidth: true
}).jqGrid('navGrid', pager,{add: true, del: true, edit: true, search: true});
$('#table').jqGrid('navSeparatorAdd','#tablePager');
$('#table').jqGrid('navButtonAdd','#tablePager',{
caption: 'Закрутить ',
title: 'Ключ рожковый, обыкновенный',
buttonicon: 'ui-icon-wrench',
onClickButton: function(){
alert('Скрип, скрип, скрип!..');
},
position:'last'
}).jqGrid('navButtonAdd','#tablePager',{
caption: 'Замкнуть ',
title: 'Открытый замок',
buttonicon: 'ui-icon-unlocked',
onClickButton: lock,
}).jqGrid('navButtonAdd','#tablePager',{
caption: 'Замкнуть ',
title: 'Открытый замок',
buttonicon: 'ui-icon-unlocked',
onClickButton: lock,
position:'last'
});
function lock(){
alert('Взяли и замкнули что-то...');
}
});
</script>
</head>
<body>
<table id="table"></table>
<div id="tablePager"></div>
</body>
</html>
|
|
|
