>All Tutorials 
Ajax and .NET Ajax and .NET RSS XML
Ajax and ColdFusion Ajax and ColdFusion RSS XML
Ajax and Java Ajax and Java RSS XML
Ajax and PHP Ajax and PHP RSS XML
Ajax and SOA Ajax and SOA RSS XML
Ajax Goodies Ajax Goodies RSS XML
Ajax Tool Ajax Tool RSS XML
Facebook MockAjax Facebook MockAjax RSS XML
Google Web Toolkit Google Web Toolkit RSS XML
JavaScript Framework JavaScript Framework RSS XML
Ruby on Rails Ruby on Rails RSS XML
Technique Introduction Technique Introduction RSS XML
Without XMLHttpRequest Without XMLHttpRequest RSS XML
Yahoo! UI Yahoo! UI RSS XML

Creating an AJAX feed viewer using Yahoo! UI and the new Grid Component - ajax javascript grid september pm jack feed code

 
Registered tutorials: 501
Registered Users: 24391



Rating: 4.62 out of 42 votes cast


  
Category: Yahoo! UI

Tags Map

add added ajax alot amount app append application array arrow asp attribute automatically bar blob block blog button call called changed child class classes click code col colmodel column columnmodel columns comment comments component container correct create created creating custom dal data datamodel date default defaultcolumnmodel development difficult displayed documentation download easy element error event events ext features feed feedasp feedphp feeds fields file files find fires focus function functions good grid gwt header html http id idea implementation index inherited input jack jason java javascript js library lines list load loading lorenzo lyhiving manually method methods mike model mouse mouseover names nice object october onload onrowselect onselectionchange package page parameter parameters part peter php place plug pm point post preprocessor processing properties proxy public put questions reader release render rendered rendering required return rocky row rss schema scroll selected selection selections selmodel september server set show shown similar simple single site size slocum small sort sortable standard started step strfeed string subscribe tag takes text thought time title true ui url values var version view viewer web wheel widget widgets width work xml xmldatamodel xmlhttp yahoo yahooextgrid yui

Keyword Cloud Navigation Map

Creating an AJAX feed viewer using Yahoo! UI and the new Grid Component

Digg this   Post to del.icio.us

Abstract: Tutorials walks you through each step of the process in creating the Grid using Yahoo! UI YAHOO.ext.grid package

The JS documentation for the new Grid component contains alot of classes and alot of inherited methods. For someone who is not very advanced with object-oriented development, it may seem complex or difficult to trace the various inherited methods through the class hierachy. It may also seem like the Grid is difficult to use. While most of the classes in the YAHOO.ext.grid package are designed to be plug and play, extended and customized, it still very easy to simply plug the grid into a webapp with a minimal amount of code.

To test the grid and to create an example implementation of the Grid in a real application, I decided to create a simple, single-page RSS feed viewer application. The entire application is under 100 lines of javascript code, of which maybe 20 are related to the grid. It gives a good example of some of the key features of the grid, such as AJAX loading, preprocessing and custom rendering.

Read Full Tutorial...



Reviews:

Rate and Review This Site

No reviews yet


Statistic Information About this Resource:


Total Hits: 1134
Unique Hits: 906


  Daily Weekly Monthly
  Unique Total Unique Total Unique Total
Average 0.8 1.1 4.4 5.6 25.4 33
Current 0 0 4 4 20 25
Previous 1 1 6 10 25 34
Jul 22 2 2 7 7 0 0
Jul 21 1 1 4 5 43 53
Jul 20 2 5 7 8 32 41
Jul 19 0 0 0 0 35 43
Jul 18 0 0 7 9 0 0
Jul 17 1 1 3 5 27 48
Jul 16 1 1 6 8 31 37
Jul 15 0 0 0 0 41 49
Highest 8 16 24 29 78 96


Script Execution Time: 0.78756 | SQL Queries: 10 | Members: 501
Ajax Tutorial Top List - Powered by Aardvark Topsites PHP 5.1.2