jQWidgets Forums
Forum Replies Created
-
Author
-
Thanks!
Thanks!
Hi Peter,
I think I better post my exact code for you to tell me what’s wrong:
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <title id='Description'>Picture Grid - Offline Demo</title> <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" /> <script type="text/javascript" src="../../scripts/gettheme.js"></script> <script type="text/javascript" src="../../scripts/jquery-1.10.1.min.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxdata.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxgrid.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxgrid.filter.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxgrid.selection.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxgrid.sort.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxdropdownlist.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxcheckbox.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxdatetimeinput.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxcalendar.js"></script> <script type="text/javascript"> var theme = ""; $(document).ready(function () { theme = getDemoTheme(); loadGrid(); }); // load grid into the page function loadGrid() { var dataGrid = [{"IsEditable":true,"ParentId":null,"Parent":null,"DisplayForm":"\u003ca href=\u0027DispForm.aspx?ID=1982\u0027 target=\u0027_blank\u0027\u003eLink\u003c/a\u003e","ModificationDate":"\/Date(1360359995000)\/","WBS":"1","TeamPriorities":[1,2,3],"MyPriority":{"Id":0,"Value":1,"Username":"Thiago Arantes","PictureElementId":1982},"PictureId":"PRJ-4445","EndDate":"\/Date(1364745600000)\/","StartDate":"\/Date(1357059600000)\/","Id":1982,"SupportPeople":null,"Informed":null,"Consultations":null,"Title":"Stratégie SAA","Owner":"Alain-IIM Fortin","Assignations":null,"Level":1,"ElementStatus":"En cours","ElementStatusType":"Ouvert","FollowUpStatus":null,"FollowUpStatusType":null,"Progress":0,"Predecessors":null},{"IsEditable":true,"ParentId":null,"Parent":null,"DisplayForm":"\u003ca href=\u0027DispForm.aspx?ID=1983\u0027 target=\u0027_blank\u0027\u003eLink\u003c/a\u003e","ModificationDate":"\/Date(1360359606000)\/","WBS":"2","TeamPriorities":[null,null,null],"MyPriority":{"Id":0,"Value":null,"Username":"Thiago Arantes","PictureElementId":1983},"PictureId":"PRJ-4446","EndDate":"\/Date(1367341200000)\/","StartDate":"\/Date(1355248800000)\/","Id":1983,"SupportPeople":null,"Informed":null,"Consultations":null,"Title":"Eagle Analytics","Owner":"Natalie Bisaillon","Assignations":"Sirisack Virasith; Eric Sabardu; Hugo Dalphond; Guillermo Martinez; Sebastien Giard; ","Level":1,"ElementStatus":"En cours","ElementStatusType":"Ouvert","FollowUpStatus":null,"FollowUpStatusType":null,"Progress":0,"Predecessors":null},{"IsEditable":true,"ParentId":null,"Parent":null,"DisplayForm":"\u003ca href=\u0027DispForm.aspx?ID=1984\u0027 target=\u0027_blank\u0027\u003eLink\u003c/a\u003e","ModificationDate":"\/Date(1362079201000)\/","WBS":"3","TeamPriorities":[null,null,null],"MyPriority":{"Id":0,"Value":null,"Username":"Thiago Arantes","PictureElementId":1984},"PictureId":"PRJ-4451","EndDate":"\/Date(1372453200000)\/","StartDate":"\/Date(1357077600000)\/","Id":1984,"SupportPeople":null,"Informed":null,"Consultations":null,"Title":"CRIMS V9","Owner":"Sylvain Chaput","Assignations":"Sirisack Virasith; Eric Sabardu; Simon Vallieres; ","Level":1,"ElementStatus":"En cours","ElementStatusType":"Ouvert","FollowUpStatus":null,"FollowUpStatusType":null,"Progress":0,"Predecessors":null},{"IsEditable":true,"ParentId":null,"Parent":null,"DisplayForm":"\u003ca href=\u0027DispForm.aspx?ID=1985\u0027 target=\u0027_blank\u0027\u003eLink\u003c/a\u003e","ModificationDate":"\/Date(1362689728000)\/","WBS":"4","TeamPriorities":[null,null,null],"MyPriority":{"Id":0,"Value":null,"Username":"Thiago Arantes","PictureElementId":1985},"PictureId":"ACT-4455","EndDate":"\/Date(1388523600000)\/","StartDate":"\/Date(1357074000000)\/","Id":1985,"SupportPeople":null,"Informed":null,"Consultations":null,"Title":"Durée - Data","Owner":"Antoine Turki","Assignations":"Sebastien Giard; ","Level":1,"ElementStatus":"En cours","ElementStatusType":"Ouvert","FollowUpStatus":null,"FollowUpStatusType":null,"Progress":0,"Predecessors":null},{"IsEditable":true,"ParentId":null,"Parent":null,"DisplayForm":"\u003ca href=\u0027DispForm.aspx?ID=1986\u0027 target=\u0027_blank\u0027\u003eLink\u003c/a\u003e","ModificationDate":"\/Date(1362775085000)\/","WBS":"5","TeamPriorities":[null,null,null],"MyPriority":{"Id":0,"Value":null,"Username":"Thiago Arantes","PictureElementId":1986},"PictureId":"ACT-4458","EndDate":"\/Date(1362776400000)\/","StartDate":"\/Date(1357074000000)\/","Id":1986,"SupportPeople":null,"Informed":null,"Consultations":null,"Title":"SAA","Owner":"Alain-IIM Fortin","Assignations":"Sebastien Giard; ","Level":1,"ElementStatus":"Non Débuté","ElementStatusType":"Non Débuté","FollowUpStatus":null,"FollowUpStatusType":null,"Progress":0,"Predecessors":null},{"IsEditable":true,"ParentId":null,"Parent":null,"DisplayForm":"\u003ca href=\u0027DispForm.aspx?ID=1987\u0027 target=\u0027_blank\u0027\u003eLink\u003c/a\u003e","ModificationDate":"\/Date(1362775048000)\/","WBS":"6","TeamPriorities":[null,null,null],"MyPriority":{"Id":0,"Value":null,"Username":"Thiago Arantes","PictureElementId":1987},"PictureId":"ACT-4460","EndDate":"\/Date(1362776400000)\/","StartDate":"\/Date(1357074000000)\/","Id":1987,"SupportPeople":null,"Informed":null,"Consultations":null,"Title":"Cash \"IIM\"","Owner":"Mario Neron","Assignations":"Sebastien Giard; Renee Plamondon; ","Level":1,"ElementStatus":"Non Débuté","ElementStatusType":"Non Débuté","FollowUpStatus":null,"FollowUpStatusType":null,"Progress":0,"Predecessors":null},{"IsEditable":true,"ParentId":null,"Parent":null,"DisplayForm":"\u003ca href=\u0027DispForm.aspx?ID=1989\u0027 target=\u0027_blank\u0027\u003eLink\u003c/a\u003e","ModificationDate":"\/Date(1362775510000)\/","WBS":"7","TeamPriorities":[null,null,null],"MyPriority":{"Id":0,"Value":null,"Username":"Thiago Arantes","PictureElementId":1989},"PictureId":"ACT-4469","EndDate":"\/Date(1362776400000)\/","StartDate":"\/Date(1357074000000)\/","Id":1989,"SupportPeople":null,"Informed":null,"Consultations":null,"Title":"DRIP","Owner":"Mario Neron","Assignations":"Sebastien Giard; Renee Plamondon; Christian Arsenault; Marie-Josee Bernard; ","Level":1,"ElementStatus":"Non Débuté","ElementStatusType":"Non Débuté","FollowUpStatus":null,"FollowUpStatusType":null,"Progress":0,"Predecessors":null},{"IsEditable":true,"ParentId":null,"Parent":null,"DisplayForm":"\u003ca href=\u0027DispForm.aspx?ID=1990\u0027 target=\u0027_blank\u0027\u003eLink\u003c/a\u003e","ModificationDate":"\/Date(1362775631000)\/","WBS":"8","TeamPriorities":[null,null,null],"MyPriority":{"Id":0,"Value":null,"Username":"Thiago Arantes","PictureElementId":1990},"PictureId":"ACT-4474","EndDate":"\/Date(1362776400000)\/","StartDate":"\/Date(1357074000000)\/","Id":1990,"SupportPeople":null,"Informed":null,"Consultations":null,"Title":"Book Yield","Owner":"Antoine Turki","Assignations":null,"Level":1,"ElementStatus":"Non Débuté","ElementStatusType":"Non Débuté","FollowUpStatus":null,"FollowUpStatusType":null,"Progress":0,"Predecessors":null},{"IsEditable":true,"ParentId":null,"Parent":null,"DisplayForm":"\u003ca href=\u0027DispForm.aspx?ID=1991\u0027 target=\u0027_blank\u0027\u003eLink\u003c/a\u003e","ModificationDate":"\/Date(1362775706000)\/","WBS":"9","TeamPriorities":[null,null,null],"MyPriority":{"Id":0,"Value":null,"Username":"Thiago Arantes","PictureElementId":1991},"PictureId":"ACT-4475","EndDate":"\/Date(1362776400000)\/","StartDate":"\/Date(1357074000000)\/","Id":1991,"SupportPeople":null,"Informed":null,"Consultations":null,"Title":"OTC Clearer","Owner":"Alain-IIM Fortin","Assignations":null,"Level":1,"ElementStatus":"Non Débuté","ElementStatusType":"Non Débuté","FollowUpStatus":null,"FollowUpStatusType":null,"Progress":0,"Predecessors":null},{"IsEditable":true,"ParentId":null,"Parent":null,"DisplayForm":"\u003ca href=\u0027DispForm.aspx?ID=1993\u0027 target=\u0027_blank\u0027\u003eLink\u003c/a\u003e","ModificationDate":"\/Date(1364827947000)\/","WBS":"10","TeamPriorities":[null,null,null],"MyPriority":{"Id":0,"Value":null,"Username":"Thiago Arantes","PictureElementId":1993},"PictureId":"PRJ-4480","EndDate":"\/Date(1362776400000)\/","StartDate":"\/Date(1357074000000)\/","Id":1993,"SupportPeople":null,"Informed":null,"Consultations":null,"Title":"Master Trust","Owner":"Mario Neron","Assignations":"Steve Boulet; ","Level":1,"ElementStatus":"En cours","ElementStatusType":"Ouvert","FollowUpStatus":null,"FollowUpStatusType":null,"Progress":0,"Predecessors":null},{"IsEditable":true,"ParentId":null,"Parent":null,"DisplayForm":"\u003ca href=\u0027DispForm.aspx?ID=1994\u0027 target=\u0027_blank\u0027\u003eLink\u003c/a\u003e","ModificationDate":"\/Date(1362776000000)\/","WBS":"11","TeamPriorities":[null,null,null],"MyPriority":{"Id":0,"Value":null,"Username":"Thiago Arantes","PictureElementId":1994},"PictureId":"ACT-4482","EndDate":"\/Date(1362776400000)\/","StartDate":"\/Date(1357074000000)\/","Id":1994,"SupportPeople":null,"Informed":null,"Consultations":null,"Title":"PILSNER - Accounting Cube","Owner":"Antoine Turki","Assignations":"Sebastien Giard; Francois Lamothe; ","Level":1,"ElementStatus":"Non Débuté","ElementStatusType":"Non Débuté","FollowUpStatus":null,"FollowUpStatusType":null,"Progress":0,"Predecessors":null},{"IsEditable":true,"ParentId":null,"Parent":null,"DisplayForm":"\u003ca href=\u0027DispForm.aspx?ID=1995\u0027 target=\u0027_blank\u0027\u003eLink\u003c/a\u003e","ModificationDate":"\/Date(1362776124000)\/","WBS":"12","TeamPriorities":[null,null,null],"MyPriority":{"Id":0,"Value":null,"Username":"Thiago Arantes","PictureElementId":1995},"PictureId":"ACT-4485","EndDate":"\/Date(1362776400000)\/","StartDate":"\/Date(1357074000000)\/","Id":1995,"SupportPeople":null,"Informed":null,"Consultations":null,"Title":"Sign-off EOM","Owner":"Natalie Bisaillon","Assignations":null,"Level":1,"ElementStatus":"Non Débuté","ElementStatusType":"Non Débuté","FollowUpStatus":null,"FollowUpStatusType":null,"Progress":0,"Predecessors":null},{"IsEditable":true,"ParentId":null,"Parent":null,"DisplayForm":"\u003ca href=\u0027DispForm.aspx?ID=1996\u0027 target=\u0027_blank\u0027\u003eLink\u003c/a\u003e","ModificationDate":"\/Date(1362776219000)\/","WBS":"13","TeamPriorities":[null,null,null],"MyPriority":{"Id":0,"Value":null,"Username":"Thiago Arantes","PictureElementId":1996},"PictureId":"ACT-4486","EndDate":"\/Date(1362776400000)\/","StartDate":"\/Date(1357074000000)\/","Id":1996,"SupportPeople":null,"Informed":null,"Consultations":null,"Title":"BFS - TOMS","Owner":"Sylvain Chaput","Assignations":"Badara Gueye; Renee Plamondon; ","Level":1,"ElementStatus":"Non Débuté","ElementStatusType":"Non Débuté","FollowUpStatus":null,"FollowUpStatusType":null,"Progress":0,"Predecessors":null},{"IsEditable":true,"ParentId":null,"Parent":null,"DisplayForm":"\u003ca href=\u0027DispForm.aspx?ID=1997\u0027 target=\u0027_blank\u0027\u003eLink\u003c/a\u003e","ModificationDate":"\/Date(1362776278000)\/","WBS":"14","TeamPriorities":[null,null,null],"MyPriority":{"Id":0,"Value":null,"Username":"Thiago Arantes","PictureElementId":1997},"PictureId":"ACT-4489","EndDate":"\/Date(1362776400000)\/","StartDate":"\/Date(1357074000000)\/","Id":1997,"SupportPeople":null,"Informed":null,"Consultations":null,"Title":"Oracle GL - Tax","Owner":"Antoine Turki","Assignations":null,"Level":1,"ElementStatus":"Non Débuté","ElementStatusType":"Non Débuté","FollowUpStatus":null,"FollowUpStatusType":null,"Progress":0,"Predecessors":null},{"IsEditable":true,"ParentId":null,"Parent":null,"DisplayForm":"\u003ca href=\u0027DispForm.aspx?ID=1998\u0027 target=\u0027_blank\u0027\u003eLink\u003c/a\u003e","ModificationDate":"\/Date(1362776336000)\/","WBS":"15","TeamPriorities":[null,null,null],"MyPriority":{"Id":0,"Value":null,"Username":"Thiago Arantes","PictureElementId":1998},"PictureId":"ACT-4490","EndDate":"\/Date(1362776400000)\/","StartDate":"\/Date(1357074000000)\/","Id":1998,"SupportPeople":null,"Informed":null,"Consultations":null,"Title":"Oracle GL - Reporting","Owner":"Antoine Turki","Assignations":null,"Level":1,"ElementStatus":"Non Débuté","ElementStatusType":"Non Débuté","FollowUpStatus":null,"FollowUpStatusType":null,"Progress":0,"Predecessors":null},{"IsEditable":true,"ParentId":null,"Parent":null,"DisplayForm":"\u003ca href=\u0027DispForm.aspx?ID=1999\u0027 target=\u0027_blank\u0027\u003eLink\u003c/a\u003e","ModificationDate":"\/Date(1362776415000)\/","WBS":"16","TeamPriorities":[null,null,null],"MyPriority":{"Id":0,"Value":null,"Username":"Thiago Arantes","PictureElementId":1999},"PictureId":"ACT-4491","EndDate":"\/Date(1362776400000)\/","StartDate":"\/Date(1357074000000)\/","Id":1999,"SupportPeople":null,"Informed":null,"Consultations":null,"Title":"Benchmark internes","Owner":"Alain-IIM Fortin","Assignations":"Alexandre Gosselin; Christian Arsenault; ","Level":1,"ElementStatus":"Non Débuté","ElementStatusType":"Non Débuté","FollowUpStatus":null,"FollowUpStatusType":null,"Progress":0,"Predecessors":null},{"IsEditable":true,"ParentId":null,"Parent":null,"DisplayForm":"\u003ca href=\u0027DispForm.aspx?ID=2000\u0027 target=\u0027_blank\u0027\u003eLink\u003c/a\u003e","ModificationDate":"\/Date(1364828094000)\/","WBS":"17","TeamPriorities":[null,null,null],"MyPriority":{"Id":0,"Value":null,"Username":"Thiago Arantes","PictureElementId":2000},"PictureId":"PRJ-4494","EndDate":"\/Date(1363017600000)\/","StartDate":"\/Date(1357059600000)\/","Id":2000,"SupportPeople":null,"Informed":null,"Consultations":null,"Title":"Définition de l\u0027univers","Owner":"Sylvain Chaput","Assignations":"Hugo Dalphond; Eric Sabardu; ","Level":1,"ElementStatus":"Non Débuté","ElementStatusType":"Non Débuté","FollowUpStatus":null,"FollowUpStatusType":null,"Progress":0,"Predecessors":null},{"IsEditable":true,"ParentId":null,"Parent":null,"DisplayForm":"\u003ca href=\u0027DispForm.aspx?ID=2001\u0027 target=\u0027_blank\u0027\u003eLink\u003c/a\u003e","ModificationDate":"\/Date(1363015649000)\/","WBS":"18","TeamPriorities":[null,null,null],"MyPriority":{"Id":0,"Value":null,"Username":"Thiago Arantes","PictureElementId":2001},"PictureId":"ACT-4497","EndDate":"\/Date(1363017600000)\/","StartDate":"\/Date(1357059600000)\/","Id":2001,"SupportPeople":null,"Informed":null,"Consultations":null,"Title":"BARRA Feed","Owner":"Sylvain Chaput","Assignations":"Eric Sabardu; ","Level":1,"ElementStatus":"Non Débuté","ElementStatusType":"Non Débuté","FollowUpStatus":null,"FollowUpStatusType":null,"Progress":0,"Predecessors":null},{"IsEditable":true,"ParentId":null,"Parent":null,"DisplayForm":"\u003ca href=\u0027DispForm.aspx?ID=2002\u0027 target=\u0027_blank\u0027\u003eLink\u003c/a\u003e","ModificationDate":"\/Date(1363016774000)\/","WBS":"19","TeamPriorities":[null,null,null],"MyPriority":{"Id":0,"Value":null,"Username":"Thiago Arantes","PictureElementId":2002},"PictureId":"ACT-4499","EndDate":"\/Date(1363017600000)\/","StartDate":"\/Date(1357059600000)\/","Id":2002,"SupportPeople":null,"Informed":null,"Consultations":null,"Title":"BECK en prod","Owner":"Sylvain Chaput","Assignations":"Steve Boulet; Eric Sabardu; ","Level":1,"ElementStatus":"Non Débuté","ElementStatusType":"Non Débuté","FollowUpStatus":null,"FollowUpStatusType":null,"Progress":0,"Predecessors":null},{"IsEditable":true,"ParentId":null,"Parent":null,"DisplayForm":"\u003ca href=\u0027DispForm.aspx?ID=2003\u0027 target=\u0027_blank\u0027\u003eLink\u003c/a\u003e","ModificationDate":"\/Date(1364828217000)\/","WBS":"20","TeamPriorities":[null,null,null],"MyPriority":{"Id":0,"Value":null,"Username":"Thiago Arantes","PictureElementId":2003},"PictureId":"ACT-4502","EndDate":"\/Date(1363017600000)\/","StartDate":"\/Date(1357059600000)\/","Id":2003,"SupportPeople":null,"Informed":null,"Consultations":null,"Title":"Upgrade 11.1.4","Owner":"Sylvain Chaput","Assignations":"Renee Plamondon; Steve Boulet; Sebastien Giard; Marie-Josee Bernard; Alexandre Gosselin; Hugo Dalphond; ","Level":1,"ElementStatus":"En cours","ElementStatusType":"Ouvert","FollowUpStatus":null,"FollowUpStatusType":null,"Progress":0,"Predecessors":null},{"IsEditable":true,"ParentId":null,"Parent":null,"DisplayForm":"\u003ca href=\u0027DispForm.aspx?ID=2004\u0027 target=\u0027_blank\u0027\u003eLink\u003c/a\u003e","ModificationDate":"\/Date(1363017035000)\/","WBS":"21","TeamPriorities":[null,null,null],"MyPriority":{"Id":0,"Value":null,"Username":"Thiago Arantes","PictureElementId":2004},"PictureId":"ACT-4505","EndDate":"\/Date(1363017600000)\/","StartDate":"\/Date(1357059600000)\/","Id":2004,"SupportPeople":null,"Informed":null,"Consultations":null,"Title":"PMT in Oracle","Owner":"Antoine Turki","Assignations":null,"Level":1,"ElementStatus":"Non Débuté","ElementStatusType":"Non Débuté","FollowUpStatus":null,"FollowUpStatusType":null,"Progress":0,"Predecessors":null},{"IsEditable":true,"ParentId":null,"Parent":null,"DisplayForm":"\u003ca href=\u0027DispForm.aspx?ID=2005\u0027 target=\u0027_blank\u0027\u003eLink\u003c/a\u003e","ModificationDate":"\/Date(1363033949000)\/","WBS":"22","TeamPriorities":[null,null,null],"MyPriority":{"Id":0,"Value":null,"Username":"Thiago Arantes","PictureElementId":2005},"PictureId":"ACT-4506","EndDate":"\/Date(1363035600000)\/","StartDate":"\/Date(1357077600000)\/","Id":2005,"SupportPeople":null,"Informed":null,"Consultations":null,"Title":"Gestion Dérivés","Owner":"Natalie Bisaillon","Assignations":"Christian Arsenault; ","Level":1,"ElementStatus":"Non Débuté","ElementStatusType":"Non Débuté","FollowUpStatus":null,"FollowUpStatusType":null,"Progress":0,"Predecessors":null},{"IsEditable":true,"ParentId":null,"Parent":null,"DisplayForm":"\u003ca href=\u0027DispForm.aspx?ID=2006\u0027 target=\u0027_blank\u0027\u003eLink\u003c/a\u003e","ModificationDate":"\/Date(1363034009000)\/","WBS":"23","TeamPriorities":[null,null,null],"MyPriority":{"Id":0,"Value":null,"Username":"Thiago Arantes","PictureElementId":2006},"PictureId":"ACT-4508","EndDate":"\/Date(1363035600000)\/","StartDate":"\/Date(1357077600000)\/","Id":2006,"SupportPeople":null,"Informed":null,"Consultations":null,"Title":"Dictionnaire des données","Owner":"Natalie Bisaillon","Assignations":"Sebastien Giard; ","Level":1,"ElementStatus":"Non Débuté","ElementStatusType":"Non Débuté","FollowUpStatus":null,"FollowUpStatusType":null,"Progress":0,"Predecessors":null},{"IsEditable":true,"ParentId":null,"Parent":null,"DisplayForm":"\u003ca href=\u0027DispForm.aspx?ID=2007\u0027 target=\u0027_blank\u0027\u003eLink\u003c/a\u003e","ModificationDate":"\/Date(1363034126000)\/","WBS":"24","TeamPriorities":[null,null,null],"MyPriority":{"Id":0,"Value":null,"Username":"Thiago Arantes","PictureElementId":2007},"PictureId":"ACT-4510","EndDate":"\/Date(1363035600000)\/","StartDate":"\/Date(1357077600000)\/","Id":2007,"SupportPeople":null,"Informed":null,"Consultations":null,"Title":"Architecture & Workflow intégré","Owner":"Sylvain Chaput","Assignations":null,"Level":1,"ElementStatus":"Non Débuté","ElementStatusType":"Non Débuté","FollowUpStatus":null,"FollowUpStatusType":null,"Progress":0,"Predecessors":null},{"IsEditable":true,"ParentId":null,"Parent":null,"DisplayForm":"\u003ca href=\u0027DispForm.aspx?ID=2008\u0027 target=\u0027_blank\u0027\u003eLink\u003c/a\u003e","ModificationDate":"\/Date(1363034194000)\/","WBS":"25","TeamPriorities":[null,null,null],"MyPriority":{"Id":0,"Value":null,"Username":"Thiago Arantes","PictureElementId":2008},"PictureId":"PRJ-4511","EndDate":"\/Date(1363035600000)\/","StartDate":"\/Date(1357077600000)\/","Id":2008,"SupportPeople":null,"Informed":null,"Consultations":null,"Title":"Stock lending","Owner":"Alain-IIM Fortin","Assignations":null,"Level":1,"ElementStatus":"Demande De Projet","ElementStatusType":"Ouvert","FollowUpStatus":null,"FollowUpStatusType":null,"Progress":0,"Predecessors":null},{"IsEditable":true,"ParentId":null,"Parent":null,"DisplayForm":"\u003ca href=\u0027DispForm.aspx?ID=2009\u0027 target=\u0027_blank\u0027\u003eLink\u003c/a\u003e","ModificationDate":"\/Date(1363034245000)\/","WBS":"26","TeamPriorities":[null,null,null],"MyPriority":{"Id":0,"Value":null,"Username":"Thiago Arantes","PictureElementId":2009},"PictureId":"ACT-4512","EndDate":"\/Date(1363035600000)\/","StartDate":"\/Date(1363035600000)\/","Id":2009,"SupportPeople":null,"Informed":null,"Consultations":null,"Title":"REPO","Owner":"Mario Neron","Assignations":"Renee Plamondon; ","Level":1,"ElementStatus":"Non Débuté","ElementStatusType":"Non Débuté","FollowUpStatus":null,"FollowUpStatusType":null,"Progress":0,"Predecessors":null},{"IsEditable":true,"ParentId":null,"Parent":null,"DisplayForm":"\u003ca href=\u0027DispForm.aspx?ID=2010\u0027 target=\u0027_blank\u0027\u003eLink\u003c/a\u003e","ModificationDate":"\/Date(1363034366000)\/","WBS":"27","TeamPriorities":[null,null,null],"MyPriority":{"Id":0,"Value":null,"Username":"Thiago Arantes","PictureElementId":2010},"PictureId":"PRJ-4514","EndDate":"\/Date(1363035600000)\/","StartDate":"\/Date(1357016400000)\/","Id":2010,"SupportPeople":null,"Informed":null,"Consultations":null,"Title":"Risques Opérationnels","Owner":"Antoine Turki","Assignations":null,"Level":1,"ElementStatus":"Demande De Projet","ElementStatusType":"Ouvert","FollowUpStatus":null,"FollowUpStatusType":null,"Progress":0,"Predecessors":null},{"IsEditable":true,"ParentId":null,"Parent":null,"DisplayForm":"\u003ca href=\u0027DispForm.aspx?ID=2011\u0027 target=\u0027_blank\u0027\u003eLink\u003c/a\u003e","ModificationDate":"\/Date(1363034433000)\/","WBS":"28","TeamPriorities":[null,null,null],"MyPriority":{"Id":0,"Value":null,"Username":"Thiago Arantes","PictureElementId":2011},"PictureId":"ACT-4515","EndDate":"\/Date(1363035600000)\/","StartDate":"\/Date(1357077600000)\/","Id":2011,"SupportPeople":null,"Informed":null,"Consultations":null,"Title":"Attribution FI","Owner":"Alexandre Gosselin","Assignations":null,"Level":1,"ElementStatus":"Non Débuté","ElementStatusType":"Non Débuté","FollowUpStatus":null,"FollowUpStatusType":null,"Progress":0,"Predecessors":null},{"IsEditable":true,"ParentId":null,"Parent":null,"DisplayForm":"\u003ca href=\u0027DispForm.aspx?ID=2012\u0027 target=\u0027_blank\u0027\u003eLink\u003c/a\u003e","ModificationDate":"\/Date(1363034497000)\/","WBS":"29","TeamPriorities":[null,null,null],"MyPriority":{"Id":0,"Value":null,"Username":"Thiago Arantes","PictureElementId":2012},"PictureId":"PRJ-4516","EndDate":"\/Date(1363035600000)\/","StartDate":"\/Date(1357077600000)\/","Id":2012,"SupportPeople":null,"Informed":null,"Consultations":null,"Title":"MTP","Owner":"Alain-IIM Fortin","Assignations":"Benoit Leveille; ","Level":1,"ElementStatus":"Demande De Projet","ElementStatusType":"Ouvert","FollowUpStatus":null,"FollowUpStatusType":null,"Progress":0,"Predecessors":null},{"IsEditable":true,"ParentId":null,"Parent":null,"DisplayForm":"\u003ca href=\u0027DispForm.aspx?ID=2013\u0027 target=\u0027_blank\u0027\u003eLink\u003c/a\u003e","ModificationDate":"\/Date(1363034553000)\/","WBS":"30","TeamPriorities":[null,null,null],"MyPriority":{"Id":0,"Value":null,"Username":"Thiago Arantes","PictureElementId":2013},"PictureId":"PRJ-4518","EndDate":"\/Date(1363035600000)\/","StartDate":"\/Date(1357077600000)\/","Id":2013,"SupportPeople":null,"Informed":null,"Consultations":null,"Title":"IIM Management Report","Owner":"Alain-IIM Fortin","Assignations":null,"Level":1,"ElementStatus":"Demande De Projet","ElementStatusType":"Ouvert","FollowUpStatus":null,"FollowUpStatusType":null,"Progress":0,"Predecessors":null},{"IsEditable":true,"ParentId":null,"Parent":null,"DisplayForm":"\u003ca href=\u0027DispForm.aspx?ID=2014\u0027 target=\u0027_blank\u0027\u003eLink\u003c/a\u003e","ModificationDate":"\/Date(1363269325000)\/","WBS":"31","TeamPriorities":[null,null,null],"MyPriority":{"Id":0,"Value":null,"Username":"Thiago Arantes","PictureElementId":2014},"PictureId":"ACT-4519","EndDate":"\/Date(1366380000000)\/","StartDate":"\/Date(1363269600000)\/","Id":2014,"SupportPeople":null,"Informed":null,"Consultations":null,"Title":"Rapports Taxes (Trade et Cash annuels)","Owner":"Antoine Turki","Assignations":"Sebastien Giard; Benoit Leveille; Melanie Corriveau; ","Level":1,"ElementStatus":"En cours","ElementStatusType":"Ouvert","FollowUpStatus":null,"FollowUpStatusType":null,"Progress":0,"Predecessors":null},{"IsEditable":true,"ParentId":null,"Parent":null,"DisplayForm":"\u003ca href=\u0027DispForm.aspx?ID=2015\u0027 target=\u0027_blank\u0027\u003eLink\u003c/a\u003e","ModificationDate":"\/Date(1366056224000)\/","WBS":"32","TeamPriorities":[null,null,null],"MyPriority":{"Id":0,"Value":null,"Username":"Thiago Arantes","PictureElementId":2015},"PictureId":"PRJ-4523","EndDate":"\/Date(1393621200000)\/","StartDate":"\/Date(1364846400000)\/","Id":2015,"SupportPeople":null,"Informed":null,"Consultations":null,"Title":"IIM Techno","Owner":"Sylvain Chaput","Assignations":"Sebastien Giard; Renee Plamondon; Eric Sabardu; Badara Gueye; Isabelle Richard; ","Level":1,"ElementStatus":"En cours","ElementStatusType":"Ouvert","FollowUpStatus":null,"FollowUpStatusType":null,"Progress":0,"Predecessors":null},{"IsEditable":true,"ParentId":2015,"Parent":"PRJ-4523","DisplayForm":"\u003ca href=\u0027DispForm.aspx?ID=2016\u0027 target=\u0027_blank\u0027\u003eLink\u003c/a\u003e","ModificationDate":"\/Date(1366057860000)\/","WBS":"32.1","TeamPriorities":[null,null,null],"MyPriority":{"Id":0,"Value":null,"Username":"Thiago Arantes","PictureElementId":2016},"PictureId":"PRJ-4529","EndDate":"\/Date(1393624800000)\/","StartDate":"\/Date(1364850000000)\/","Id":2016,"SupportPeople":null,"Informed":null,"Consultations":null,"Title":"Cycle de production","Owner":"Sebastien Giard","Assignations":null,"Level":2,"ElementStatus":"Demande De Projet","ElementStatusType":"Ouvert","FollowUpStatus":null,"FollowUpStatusType":null,"Progress":0,"Predecessors":null},{"IsEditable":false,"ParentId":422,"Parent":null,"DisplayForm":"\u003ca href=\u0027DispForm.aspx?ID=487\u0027 target=\u0027_blank\u0027\u003eLink\u003c/a\u003e","ModificationDate":"\/Date(1360358454000)\/","WBS":null,"TeamPriorities":[null,null,null],"MyPriority":{"Id":0,"Value":null,"Username":"Thiago Arantes","PictureElementId":487},"PictureId":"ACT-1336","EndDate":"\/Date(1356991200000)\/","StartDate":"\/Date(1304370000000)\/","Id":487,"SupportPeople":null,"Informed":null,"Consultations":null,"Title":"Tâches diverses","Owner":"Renee Plamondon","Assignations":null,"Level":0,"ElementStatus":"Abandonné","ElementStatusType":"Fermé","FollowUpStatus":null,"FollowUpStatusType":null,"Progress":0,"Predecessors":null},{"IsEditable":false,"ParentId":618,"Parent":null,"DisplayForm":"\u003ca href=\u0027DispForm.aspx?ID=1972\u0027 target=\u0027_blank\u0027\u003eLink\u003c/a\u003e","ModificationDate":"\/Date(1360358419000)\/","WBS":null,"TeamPriorities":[null,null,null],"MyPriority":{"Id":0,"Value":null,"Username":"Thiago Arantes","PictureElementId":1972},"PictureId":"PRJ-4283","EndDate":"\/Date(1343743200000)\/","StartDate":"\/Date(1327849200000)\/","Id":1972,"SupportPeople":null,"Informed":null,"Consultations":null,"Title":"BFS-BI: Catch Up 2012 in Eagle Prod","Owner":"Renee Plamondon","Assignations":null,"Level":0,"ElementStatus":"Complété","ElementStatusType":"Fermé","FollowUpStatus":null,"FollowUpStatusType":null,"Progress":0,"Predecessors":null}] var sourceGrid = { localdata: dataGrid, datatype: "json", updaterow: function (rowid, rowdata, commit) { commit(true); }, datafields: [ { name: 'WBS', type: 'number' }, { name: 'DisplayForm', type: 'string' }, { name: 'Title', type: 'string' }, { name: 'MyPriorityValue', map: 'MyPriority>Value', type: 'string' }, { name: 'TP-User1', map: 'TeamPriorities>0', type: 'string' }, { name: 'TP-User2', map: 'TeamPriorities>1', type: 'string' }, { name: 'TP-User3', map: 'TeamPriorities>2', type: 'string' }, { name: 'Owner', type: 'string' }, { name: 'Assignations', type: 'string' }, { name: 'Consultations', type: 'string' }, { name: 'Informed', type: 'string' }, { name: 'SupportPeople', type: 'string' }, { name: 'Level', type: 'number' }, { name: 'PictureId', type: 'string' }, { name: 'Parent', type: 'string' }, { name: 'Predecessors', type: 'string' }, { name: 'Id', type: 'number' }, { name: 'ElementStatus', type: 'string' }, { name: 'ElementStatusType', type: 'string' }, { name: 'FollowUpStatus', type: 'string' }, { name: 'FollowUpStatusType', type: 'string' }, { name: 'StartDate', type: 'date' }, { name: 'EndDate', type: 'date' }, { name: 'Progress', type: 'string' }, { name: 'ModificationDate', type: 'date' } ] }; var dataAdapterGrid = new $.jqx.dataAdapter(sourceGrid); $('#jqxgrid').jqxGrid({ width: 1250, height: 800, source: dataAdapterGrid, showfilterrow: true, filterable: true, theme: theme, sortable: true, selectionmode: 'singlerow', columns: [ { text: 'WBS', datafield: 'WBS', width: 80, filtertype: 'number', pinned: true }, { text: 'Link', datafield: 'DisplayForm', width: 40, pinned: true }, { text: 'Title', datafield: 'Title', width: 150, filtertype: 'textbox', filtercondition: 'starts_with', pinned: true }, { text: 'My Value', datafield: 'MyPriorityValue', width: 100, filtertype: 'number', pinned: true }, { text: 'User1', datafield: 'TP-User1', width: 80, filtertype: 'number' }, { text: 'User2', datafield: 'TP-User2', width: 80, filtertype: 'number' }, { text: 'User3', datafield: 'TP-User3', width: 80, filtertype: 'number' }, { text: 'Responsible', datafield: 'Owner', width: 120, filtertype: 'textbox', filtercondition: 'starts_with' }, { text: 'Assisged', datafield: 'Assignations', width: 150, filtertype: 'textbox', filtercondition: 'starts_with' }, { text: 'Consulted', datafield: 'Consultations', width: 150, filtertype: 'textbox', filtercondition: 'starts_with' }, { text: 'Informed', datafield: 'Informed', width: 150, filtertype: 'textbox', filtercondition: 'starts_with' }, { text: 'Support', datafield: 'SupportPeople', width: 150, filtertype: 'textbox', filtercondition: 'starts_with' }, { text: 'Level', datafield: 'Level', width: 70, filtertype: 'number' }, { text: 'ID', datafield: 'PictureId',width: 90, filtertype: 'textbox', filtercondition: 'starts_with' }, { text: 'Parent', datafield: 'Parent', width: 90, filtertype: 'textbox', filtercondition: 'starts_with' }, { text: 'Predecessors', datafield: 'Predecessors',width: 100, filtertype: 'textbox', filtercondition: 'starts_with' }, { text: 'Unique ID', datafield: 'Id', width: 80, filtertype: 'number' }, { text: 'Element status', datafield: 'ElementStatus',width: 100, filtertype: 'textbox', filtercondition: 'starts_with' }, { text: 'Element status type', datafield: 'ElementStatusType',width: 100, filtertype: 'textbox', filtercondition: 'starts_with' }, { text: 'Follow-up status', datafield: 'FollowUpStatus',width: 100, filtertype: 'textbox', filtercondition: 'starts_with' }, { text: 'Follow-up status type', datafield: 'FollowUpStatusType',width: 100, filtertype: 'textbox', filtercondition: 'starts_with' }, { text: 'Start', datafield: 'StartDate', width: 170, align: 'right', cellsalign: 'right', cellsformat: 'S', filtertype: 'date' }, { text: 'End', datafield: 'EndDate', width: 170, align: 'right', cellsalign: 'right', cellsformat: 'S', filtertype: 'date' }, { text: '% Progress', datafield: 'Progress', width: 100, align: 'right', cellsalign: 'right', filtertype: 'number', cellsformat: 'p' }, { text: 'Modified', datafield: 'ModificationDate', width: 170, align: 'right', cellsalign: 'right', cellsformat: 'S', filtertype: 'date' } ] }); } </script></head><body> <div id="container"> <div id="jqxgrid"></div> </div></body></html>
You will see that, changing filter of either “My Value”, “User 1”, “User 2”, “User 3” or “% progress” columns, all those collumns get sort of filtered too.
Important to mention that they are all numeric (or null) values.
Thanks
In my specific case, I have several columns of type number, but pretty often, they present blank (or null) values. Is the filter considering them as text, then?
<!DOCTYPE html><html lang="en"><head> <title id='Description'>This example illustrates the Grid filtering feature. Enter some data into the Filter Row.</title> <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" /> <script type="text/javascript" src="../../scripts/jquery-1.10.1.min.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxdata.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxdropdownlist.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxgrid.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxgrid.filter.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxgrid.sort.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxgrid.selection.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxpanel.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxcalendar.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxdatetimeinput.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxcheckbox.js"></script> <script type="text/javascript" src="../../jqwidgets/globalization/globalize.js"></script> <script type="text/javascript" src="../../scripts/gettheme.js"></script> <script type="text/javascript" src="generatedata.js"></script> <script type="text/javascript"> $(document).ready(function () { var theme = getDemoTheme(); var data = generatedata(500); var source = { localdata: data, datafields: [ { name: 'name', type: 'string' }, { name: 'productname', type: 'string' }, { name: 'available', type: 'bool' }, { name: 'date', type: 'date'}, { name: 'quantity', type: 'number' } ], datatype: "array" }; var dataAdapter = new $.jqx.dataAdapter(source); $("#jqxgrid").jqxGrid( { width: 685, source: dataAdapter, showfilterrow: true, filterable: true, theme: theme, selectionmode: 'multiplecellsextended', columns: [ { text: 'Name', columntype: 'textbox', filtertype: 'textbox', filtercondition: 'starts_with', datafield: 'name', width: 115 }, { text: 'Product', filtertype: 'number', datafield: 'productname', width: 220 }, { text: 'Available', datafield: 'available', columntype: 'checkbox', filtertype: 'number', width: 67 }, { text: 'Ship Date', datafield: 'date', filtertype: 'number', width: 210, cellsalign: 'right', cellsformat: 'd' }, { text: 'Qty.', datafield: 'quantity', filtertype: 'number', cellsalign: 'right' } ] }); $('#clearfilteringbutton').jqxButton({ height: 25, theme: theme }); $('#clearfilteringbutton').click(function () { $("#jqxgrid").jqxGrid('clearfilters'); }); }); </script></head><body class='default'> <div id="jqxgrid"> </div> <input style="margin-top: 10px;" value="Remove Filter" id="clearfilteringbutton" type="button" /></body></html>
In version 2.8.3, this behaviour is not perceived.
Thanks
I’ve found a way to make it work:
$('#jqxgrid').jqxGrid('showloadelement'); // Load appears// Waits .5 seconds before starting the process for the load image to be able to appear...setTimeout(function() { //loadgrid function}, 500);
What this code does it delaying the grid load for half a second in other for the loading image to be able to appear.
The cellrenderer works fine. The only thing is that the filter won’t follow the same pattern.
I see in your API (jqxgrid.js) some other formats:
Were they supposed to work?
Thanks!
Is there a way to custom format the date in the columns definition? I wouldn’t like to do what miklosz did…
Thanks,
June 4, 2013 at 4:24 pm in reply to: Placing Grid inside a splitter Placing Grid inside a splitter #22555I’ve found a solution for my problem
// Auto arrange grid width$('#jqxSplitter').on('resize', function (event) { updateGridWidth(event);});$('#jqxSplitter').on('expanded', function (event) { updateGridWidth(event);});$('#jqxSplitter').on('collapsed', function (event) { updateGridWidth(event);});
and this
// Auto arrange grid widthfunction updateGridWidth(event) { $('#jqxgrid').jqxGrid({ width: event.args.panels[1].size }); }
Fantastic! Thanks!
June 4, 2013 at 1:33 pm in reply to: Placing Grid inside a splitter Placing Grid inside a splitter #22540Any ideas on this one?
ThanksHi Dimitar,
Maybe it is something I’ve been doing wrong, then, because I never see the loading message, even when my grid takes 5 seconds (or even more) to load.
Since all related parameters are set by default for it to appear, in my opinion this should work.
Thanks
What about this example:
[ { "ID":9562, "TeamPriorities":['value 1','value 2','value 3','value 4','value 5'] }]
How can I bind a column to one this values in an array?
Thanks!
Thanks Peter. This is what I needed.
Thanks Dimitar,
So, for now, there’s no way to make the load appear when the grid is actually loading, right?
Let’s wait for a future update on that, but for now I think this trick would work.
Thanks again!
-
AuthorPosts