Hi, I use DHTMLX for grids as well. It is a pretty mature product.They have some cool features, such as the ability to lock both columns and rows, and then scroll the rest.
I also think most 4D developers will find the design and docs to be more familiar to work with than most javascript frameworks. I'm sure the way David recommends works fine too, but my preference is to define the grid using the DHTMLX javascript functions instead of using XML. They document the functions much better, the code is easier to read, and I found them less buggy. I also prefer to parse the JSON first and use the resulting javascript arrays for loading the data. It allows me to actually trace the loading and debug more easily, and keep the JSON building simpler on the server side. The downside of this is you will need to do a little bit of extra coding to manage the row ids. Tom On Oct 9, 2012, at 10:46 AM, David Ringsmuth wrote: > Peter, > > In the last several years we used DHTMLX javascript tools to replicate the > 4D interface on the web. > > The DHTMLX grid tool is quite advanced. We used it for both record listings > and included form listings. Did everything we needed. > > (dhtmlx.com) > > We defined our grids in xml, and loaded them from json. There was a learning > curve to get this to work. > > (again) There is a learning curve. > > Simple XML output listing: > > <?xml version="1.0"?> > <rows> > <head> > <column width="*" type="ro" color="" sort="int" align="left" tableNo="10" > fieldNo="4" id="yes" hidden="yes">AllergiesUniqueID</column> > <column width="*" type="ro" color="" sort="str" align="left" tableNo="5" > fieldNo="61" > method="Query([Resident];[Resident]Res_Number=[Allergies]Res_Number)" > execType="query">Resident Name</column> > <column width="*" type="ro" color="" sort="str" align="left" tableNo="10" > fieldNo="2" >Allergy</column> > <column width="*" type="ro" color="" sort="str" align="left" tableNo="10" > fieldNo="3" hidden="yes">Facility</column> > <event> > <preSelection > type="4D">A4D_Facility_PreSelection(Table(10))</preSelection> > </event> > <afterInit> > <call command="attachHeader"> > <param>#text_filter,#select_filter,#select_filter</param> > </call> > </afterInit> > </head> > </rows> > > After we got over the "hump" working with these tools was very productive. > > David > > > Subject: [Active4d-dev] Recommended framework for javascript generated grids > > _______________________________________________ > Active4D-dev mailing list > [email protected] > http://list.aparajitaworld.com/listinfo/active4d-dev > Archives: http://active4d-nabble.aparajitaworld.com/ > > _______________________________________________ Active4D-dev mailing list [email protected] http://list.aparajitaworld.com/listinfo/active4d-dev Archives: http://active4d-nabble.aparajitaworld.com/
