Let??™s start by creating a new ASP.NET AJAX-enabled web site. Create the basic layout
of the application along with the corresponding TabContainer and TabPanel controls
from the ASP.NET AJAX Control Toolkit. After creating the basic UI shell, we??™ll look into
the data tier and explore how data is obtained and consumed in this application.
This application requires a stock ticker as the only source of user input. As such,
upon creating the ScriptManager, UpdatePanel, and Timer control (all of which are fully
discussed later), an ASP.NET Label control and a TextBox control are necessary. Another
Label control is also needed to host the basic stock information such as company name,
current price, and price change on the top header. The top section of the page should
look similar to Figure 10-3.
Figure 10-3. Creating the top section of the application
As mentioned earlier, this application will have three tabs that contain much of its
functionality. The back-end processing and rendering for each tab should only occur
when the user clicks the tab. This way, additional overhead of recreating everything is
avoided, and also the user is presented with the most up-to-date information for the
selected stock ticker.
Pages:
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322