Forum
12:58
28/09/2010
Hi all,
First of all, I want to thank you for providing such a powerfull grid.
When I was working with it I have found an issue while running the grid in Chrome (v.6.0.472.63).
The "quick search" fields disappear at moving the columns of the table.
It's simple to reproduce:
- Add Column Reordering(from v.3.6) and Integrated Search Toolbar(from v.3.5) to the grid.
- Open in Chrome and reorder columns.
After that you will be able to see that "quick search" fields disappear.
<head>
<link rel="stylesheet" type="text/css" media="screen" href="http://trirand.com/blog/jqgrid....." />
<link rel="stylesheet" type="text/css" media="screen" href="http://trirand.com/blog/jqgrid....." />
<link rel="stylesheet" type="text/css" media="screen" href="http://trirand.com/blog/jqgrid....." />
<script src="http://trirand.com/blog/jqgrid....." type="text/javascript"></script>
<script src="http://trirand.com/blog/jqgrid....." type="text/javascript"></script>
<script src="http://trirand.com/blog/jqgrid....." type="text/javascript"></script>
<script src="http://trirand.com/blog/jqgrid....." type="text/javascript"></script>
<script type="text/javascript">
$.jgrid.no_legacy_api = true;
$.jgrid.useJSON = true;
</script>
<script src="http://trirand.com/blog/jqgrid....." type="text/javascript"></script>
<script src="http://trirand.com/blog/jqgrid....." type="text/javascript"></script>
<script src="http://trirand.com/blog/jqgrid....." type="text/javascript"></script>
<script src="http://trirand.com/blog/jqgrid....." type="text/javascript"></script>
</head>
<body>
<table id="colr"></table>
<div id="pcolr"></div>
<div id="filter" style="margin-left:30%;display:none">Search Invoices</div>
</body>
<script>
jQuery("#colr").jqGrid
(
{
sortable: true,
datatype: "local",
colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'],
colModel:[
{name:'id',index:'id', width:55},
{name:'invdate',index:'invdate', width:90},
{name:'name',index:'name asc, invdate', width:100},
{name:'amount',index:'amount', width:80, align:"right"},
{name:'tax',index:'tax', width:80, align:"right"},
{name:'total',index:'total', width:80,align:"right"},
{name:'note',index:'note', width:150, sortable:false}
],
rowNum:10,
rowList:[10,20,30],
pager: '#pcolr',
sortname: 'invdate',
viewrecords: true,
sortorder: "desc",
caption:"Column Reordering Example" }
);
jQuery("#colr").jqGrid('navGrid','#pcolr',{add:false,edit:false,del:false});
jQuery("#colr").jqGrid('filterToolbar');
var mydata = [ {id:"1",invdate:"2007-10-01",name:"test",note:"note",amount:"200.00",tax:"10.00",total:"210.00"}, {id:"2",invdate:"2007-10-02",name:"test2",note:"note2",amount:"300.00",tax:"20.00",total:"320.00"}, {id:"3",invdate:"2007-09-01",name:"test3",note:"note3",amount:"400.00",tax:"30.00",total:"430.00"}, {id:"4",invdate:"2007-10-04",name:"test",note:"note",amount:"200.00",tax:"10.00",total:"210.00"}, {id:"5",invdate:"2007-10-05",name:"test2",note:"note2",amount:"300.00",tax:"20.00",total:"320.00"}, {id:"6",invdate:"2007-09-06",name:"test3",note:"note3",amount:"400.00",tax:"30.00",total:"430.00"}, {id:"7",invdate:"2007-10-04",name:"test",note:"note",amount:"200.00",tax:"10.00",total:"210.00"}, {id:"8",invdate:"2007-10-03",name:"test2",note:"note2",amount:"300.00",tax:"20.00",total:"320.00"}, {id:"9",invdate:"2007-09-01",name:"test3",note:"note3",amount:"400.00",tax:"30.00",total:"430.00"} ];
for(var i=0;i<=mydata.length;i++)
jQuery("#colr").jqGrid('addRowData',i+1,mydata[i]);
</script>
</html>
Kind Regards,
Evgeny
07:51
Moderators
30/10/2007
Hello,
Thanks. Definitley will check this behaviour.
Kind Regards
Tony
For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.
12:25
Moderators
30/10/2007
Hello,
Just paly with this problem a lot of time. My opinion is that that this a bug in sortable widtet in Chrome. The items loses its width after drop. I will futher investigate this.
Regards
Tony
For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.
Most Users Ever Online: 715
Currently Online:
36 Guest(s)
Currently Browsing this Page:
1 Guest(s)
Top Posters:
OlegK: 1255
markw65: 179
kobruleht: 144
phicarre: 132
YamilBracho: 124
Renso: 118
Member Stats:
Guest Posters: 447
Members: 11373
Moderators: 2
Admins: 1
Forum Stats:
Groups: 1
Forums: 8
Topics: 10592
Posts: 31289
Newest Members:
, razia, Prankie, psky, praveen neelam, greg.valainis@pa-tech.comModerators: tony: 7721, Rumen[Trirand]: 81
Administrators: admin: 66