Grid (Table) with news feeder (IE only) : Table Grid : GUI Components : JavaScript DHTML examples (example source code) Organized by topic




<html>

<head>

  <style> body, html {margin:0px; padding: 0px; overflow: hidden; font: menu;} </style>



  <!-- ActiveWidgets stylesheet and scripts -->

  <link href="gridRuntime/styles/classic/grid.css" rel="stylesheet" type="text/css" ></link>

  <script src="gridRuntime/lib/grid.js"></script>



  <style>

    .active-column-0 {width: 400px}

  </style>



</head>

<body>

  <script>



  var date = new Active.Formats.Date;

  date.setTextFormat("[ddd, d mmm]");



  var data = new Active.XML.Table;

  data.setURL("http://www.xignite.com/xWorldNews.asmx/GetTopStories");

  data.setParameter("CriteriaType", "Region");

  data.setParameter("CategoryName", "West Europe");

  data.setParameter("StoryCount", 20);

  data.setNamespace("xi", "http://www.xignite.com/services/");

  data.setRows("//xi:Abstract");

  data.setColumns(["xi:Title", "xi:Source", "xi:City", "xi:Language", "xi:InsertDate"]);

  data.setFormat(date, 4);

  data.request();



  var obj = new Active.Controls.Grid;

  obj.setDataModel(data);

  obj.setColumnProperty("texts", ["Title", "Source", "City", "Language", "Date"]);

  document.write(obj);



  </script>

</body>

</html>


1. List box ( Grid Table )
2. List view (Selection between two list)
3. Basic Grid (Table)
4. Grid (Table) with colored cells
5. Build a Grid (Table) from CSV data file
6. Build a Grid (Tree) from a tab separated file
7. Build a Grid (Table) from yahoo quotes (IE only)
8. Grid (Table) with image in cells
9. Grid (Table) with multiple selection
10. Grid (Table) with row header and tooltips
11. One page two grid (Table)
12. Data in Grid (Table) from XML file
13. Grid (Table) with Data Island and Column highlight
14. Grid (Table) with cell format and XML data set
15. Grid (Table) data from RSS (IE only)
16. Grid (Table) data from xml file 2
17. Grid (Table) with quotes feeder (IE only)
18. Grid (Table) in Unix style
19. Sortable Grids (table)
20. Selectable Cells Grid Table
21. Editable Grid Table cell
22. Call back action in Grid Table
23. Table Grid Rows Selection
24. Grid Table Columns Resize
25. Table Grid Column Renderers
26. Sorting for each column or double click to edit its contents.
27. Table Grid style and sort the style
28. Table in JavaScript
29. Web Data Grid Table