determining row in an item template using the row index:

http://www.ezzylearning.com/tutorial.aspx?tid=7597714

javascript:

row = $(editButton).parent().parent();
id = $("#id", row).text();
name = $("#name", row).text();
fee = $("#fee", row).text();
row.addClass("highlightRow");

html template:
<br /><pre><br /> <ItemTemplate><br /> <tr><br /> <td><br /> <img id="btnEdit" style="cursor: pointer;" alt="Edit" src="images/edit.png" <br /> onclick="EditStudent(this);" /> <br /> </td><br /> <td><br /> <span id="id"><%# Eval("ID") %></span><br /> </td><br /> <td><br /> <span id="name"><%# Eval("Name")%></span><br /> </td><br /> <td><br /> <span id="fee"><%# Eval("Fee")%></span><br /> </td><br /> </tr><br /> </ItemTemplate><br /></pre><br />

html notes

RULES=ROWS indicates that there should be borders between rows but not between columns.

RULES = ROWS

diagrams

database

http://edn.embarcadero.com/article/31863

association -- a relationship between instances of the two classes. There is an association between two classes if an instance of one class must know about the other in order to perform its work. In a diagram, an association is a link connecting two classes.
aggregation -- an association in which one class belongs to a collection. An aggregation has a diamond end pointing to the part containing the whole. In our diagram, Order has a collection of OrderDetails.
generalization -- an inheritance link indicating one class is a superclass of the other. A generalization has a triangle pointing to the superclass. Payment is a superclass of Cash, Check, and Credit.
An association has two ends. An end may have a role name to clarify the nature of the association. For example, an OrderDetail is a line item of each Order.

A navigability arrow on an association shows which direction the association can be traversed or queried. An OrderDetail can be queried about its Item, but not the other way around. The arrow also lets you know who "owns" the association's implementation; in this case, OrderDetail has an Item. Associations with no navigability arrows are bi-directional.

finally different mvc mvvm , etc. explained simply:

http://wpftutorial.net/MVVM.html