1 / 45

Chapter 16 - Dynamic HTML: Data Binding with Tabular Data Control

Chapter 16 - Dynamic HTML: Data Binding with Tabular Data Control. Outline 16.1 Introduction 16.2 Simple Data Binding 16.3 Moving within a Recordset 16.4 Binding to an img 16.5 Binding to a table 16.6 Sorting table Data 16.7 Advanced Sorting and Filtering

creola
Download Presentation

Chapter 16 - Dynamic HTML: Data Binding with Tabular Data Control

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Chapter 16 - Dynamic HTML: Data Binding with Tabular Data Control Outline 16.1 Introduction 16.2 Simple Data Binding 16.3 Moving within a Recordset 16.4 Binding to an img 16.5 Binding to a table 16.6 Sorting table Data 16.7 Advanced Sorting and Filtering 16.8 Data Binding Elements 16.9 Web Resources

  2. Objectives • In this lesson, you will learn: • To understand Dynamic HTML’s notion of data binding and how to bind data to XHTML elements. • To be able to sort and filter data directly on the client without involving the server. • To be able to bind a table and other XHTML elements to data source objects (DSOs). • To be able to filter data to select only records appropriate for a particular application. • To be able to navigate backward and forward through a database with the Move methods.

  3. 16.1  Introduction • Data binding • Data no longer reside exclusively on the server • Data can be maintained on the client • Eliminate server activity and network delays • Data Source Objects (DSOs) • Tabular Data Control (TDC)

  4. 16.2  Simple Data Binding • Data file • Header row • Specifies the names of the columns below • Text qualifiers ( @ ) • Enclose data in each field • Field delimiter ( | ) • Separate each field • Recordset

  5. HTMLStandardColors.txt(1 of 1)

  6. introdatabind.html(1 of 4)

  7. introdatabind.html(2 of 4)

  8. introdatabind.html(3 of 4)

  9. introdatabind.html(4 of 4)

  10. 16.3  Moving within a Recordset • Moving through a recordset using JavaScript (Fig. 16.3)

  11. moving.html(1 of 5)

  12. moving.html(2 of 5)

  13. moving.html(3 of 5)

  14. moving.html(4 of 5)

  15. moving.html(5 of 5)

  16. 16.4  Binding to an img • Many different types of XHTML elements can be bound to data sources • Binding to an img element • Changing the recordset updates the src attribute of the image

  17. images.txt(1 of 1)

  18. binding.html(1 of 3)

  19. binding.html(2 of 3)

  20. binding.html(3 of 3)

  21. 16.5  Binding to a table • Binding data to a table is perhaps the most important of data binding • Different from the data binding we’ve seen

  22. tablebind.html(1 of 2)

  23. tablebind.html(2 of 2)

  24. 16.6  Sorting table Data • Manipulate a large data source • Need to sort data • Can be accomplished by the Sort property of the TDC

  25. sorting.html(1 of 3)

  26. sorting.html(2 of 3)

  27. sorting.html(3 of 3)

  28. 16.7  Advanced Sorting and Filtering • Filtering • Selecting data that meets a specific criteria • Combined with TDC provides powerful data rendering

  29. DBPublications.txt(1 of 1)

  30. advancesort.html(1 of 7)

  31. advancesort.html(2 of 7)

  32. advancesort.html(3 of 7)

  33. advancesort.html(4 of 7)

  34. advancesort.html(5 of 7)

  35. advancesort.html(6 of 7)

  36. advancesort.html(7 of 7)

  37. 16.8  Data Binding Elements • Exactly how a data source is displayed by the browser depends on the XHTML element to which the data is bound • Different elements may use the data for different purposes.

  38. 16.8  Data Binding Elements

More Related