AJAX DataGrid using JavaScript

-
From the VC++ days when msflex control, with wrapper classes was used as a data grid, to the easier way of doing the same in VB6, to the Model-View way of doing it using Java Swing, there was a consistent usage of DataGrid merely because of its capabilities to manipulate multiple Rows of data in a single view.
Have not yet found a good Web 2.0 based DataGrid yet. so here is an attempt :).

In the table below, click on the edit image on the far right, it would display the text boxes, change the values in the text box and again click on the save image this would update the table and at the same time generate a url that can be used to update the related data at the server. The command could be pushed to server using AJAX call.

Comments

  1. UdayAugust 5, 2009 at 1:44 PM

    datagrid using javascript!!!!!!!! thats cool

    ReplyDelete
  2. Dr ZainabAugust 5, 2009 at 1:52 PM

    Masha allah thats awesome. Very useful for those who understand. Thanks

    ReplyDelete
  3. ArumugamAugust 5, 2009 at 4:00 PM

    This is really nice.
    This can be wrapped as a Javascript Object. So that people can re-use. you can set well defined properties such as Header, Number of Rows, Number of Columns, and so on.
    Even allow the user to set their own property Id per row wise. So that they can able to get the values from their Front-controller component and transform into collections. Provide some sample code with XXX.js file, so that people who does not have internet connection they can re-use in their project.

    ReplyDelete
  4. MrKhanAugust 5, 2009 at 9:46 PM

    Found Interesting ! Carved me to propagate new ideas, Still can be wrapped as a utility component in my projects.. Applause and waiting for more..

    ReplyDelete
  5. UnknownAugust 6, 2009 at 10:10 AM

    This is really good. Can be mainly used for any client side calendar application. Great!!!

    - Mali, Birlasoft

    ReplyDelete

Post a Comment

Popular posts from this blog

Meaning of Summa Ameen

-
Image
The verbal meaning of Summa Ameen is re-iteration of the first Ameen. The effect of saying Ameen is more than saying dua twise which is explained as below. The letter deliverd by a post man or a courier would have a 'From' address and a 'To' address it would rarely contain a seal, presence of a seal signifies higher priority and importance of the delivered content. So the reader gives more consideration to a letter which has a seal on it. Every dua is our personal letter which is delivered directly to Allah, with immediate effect and no middle man/thing. Prophet said(something similar to) "a dua followed by Ameen is like placing a seal on it".
Read more

The Chicken Story- Shawai, Tanduri, BBQ or What?

-
Image
Thursday afternoon is for friends and family to gather and spend some quality time together; cousins in Dubai get together every Thursday with accessories like coal, grill marinated chicken and kubboos. It is like a celebration with jokes, pokes, fun and barbeque, but first is to find a right place in the desert to settle down. First step is to get fire up coal, that requires skill and patience, next is to place the marinated chicken on the grill. There is no cooking oil used (zero cholesterol) and the chicken cooks in its own oil, each pieces are moved/turned so that the cooking is regular. Alas! The pleasure of sumptuous food. (made at home) Once the chicken is ready everything else is forgotten it’s just chicken and us, The name of the dish was of course a debate, Shawai, Tandoori or BBQ finally we decided to call it ‘chutta kozhi’. Recipe – Chicken marinated in Secret Ingredients for at-least 4 hours. Secrete ingredients:- Lemon/Curd, Mint, Cilantro, chilly powder, tamarind powder,...
Read more

Halaal Food E Codes

-
May allah reward all those who take the efforts to guide this ummah to the straight path and give hidayath to all those who try to misguide this ummah! Aameen. I would be pleased to list all the E codes mentioned in the forwarded email with it's explanation and halal/HARAM status: E 100 = Turmeric. Also known as Curcumin. Manjhal in malayalam. Turmeric, a representative of plant genus Curcuma, is a member of the ginger family, Zingiberaceae hence  halal . E110 = Sunset Yellow FCF. This is a complete synthetic chemical formula sourced from coal tar and azo yellow dye. There is no relation proved to animal sources hence  halal . E 120 = Cochineal This is red colour taken from crushed insects.  HARAM . E 140 = Chlorophylls and Chlorophyllins This colour dye is taken from Spinach, nettles and grass. 100% plants and vegetable source hence  halal . E 141 = Chlorophylls and Chlorophyllins; Derivative. This colour dye is a derived from the above ingredient h...
Read more