try my treeview plugin. Maby it can help you.
http://sourceforge.net/projects/jqtreevial/

Dirceu Barquette

2008/11/25 Bhavin <[EMAIL PROTECTED]>

>
>
> Thanks Jeffrey. I solved issue# 1 almost similar way you suggested.
> But I am more concern about issue # 2. I am not sure about the flow. I
> want something like:
>
> 1) Click on Create Page link. I want to allow users to create data
> which will be internally displayed in <ul><li> elements and user can
> drag&drop and save the sequence.
> 2) Open dialog, enter data & Save. Here I am using $.ajax(). Bringing
> data from Action class in JSON datatype.
> 3) I will get data in success of $.ajax(). I can manipulate DOM,
> insert <ul><li> elements with data and similar way I can create child,
> subchild of the nodes.
>
> The problem here is: When I create children dynamically, I want to
> make sure if user clicks on "Refresh" button then also data should be
> retained on the page. In above case, it is not retaining because I am
> not sure how to go ahead with that. Should I capture "Refresh" event,
> fire event to the Action class, bring the data and show it on the
> page? Or is there any other alternative? How can I make sure that
> whatever data I am showing on the page is updated one and latest?
>
> Please advice.
>
> Thanks,
> Bhavin
>
>
>
>
> On Nov 22, 3:29 pm, "Jeffrey Kretz" <[EMAIL PROTECTED]> wrote:
> > I'm not 100% I understood your question, but I'll give it a shot.
> >
> > I have a dynamically rendered TreeView that is showing a page hierarchy,
> > parent and child.
> >
> > There is an option to add/remove pages, as well as drag them around.
> >
> > Because I need the id of the page and its parent, I render it in the HTML
> as
> > an attribute.
> >
> > <li _pageid="132">
> >   PageName1
> >   <ul>
> >     <li _pageid="543">PageName2</li>
> >     <li _pageid="565">PageName3</li>
> >   </ul>
> > </li>
> >
> > Database updates are handled as such:
> >
> > var li = $(this);
> > var pageid = parseInt(li.attr('_pageid'));
> > var parentid = parseInt(li.parents('li:first').attr('_pageid'));
> >
> > If I have a new set of child pages to render after an ajax call:
> >
> > var li =tree.find('li[_pageid='+pageid+']');
> > if (li.length)
> > {
> >   var ul = li.children('ul');
> >   if (!ul.length)
> >     ul = $('<ul></ul>').appendTo(li);
> >   ul.html(newchildnodes);
> >
> > }
> >
> > Does this help?
> >
> > JK
> >
> >
> >
> > -----Original Message-----
> > From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
> >
> > Behalf Of Bhavin
> > Sent: Saturday, November 22, 2008 2:48 PM
> > To: jQuery (English)
> > Subject: [jQuery] Re:dynamictree/ treeview
> >
> > Anybody can guide me on this?
> >
> > On Nov 21, 12:55 am, Bhavin <[EMAIL PROTECTED]> wrote:
> > > Hi
> >
> > > I am using jquery to createtreestructure type of functionality
> > > dynamically. I have to add nodes by opening dialog and save it into
> > > the database. Once response is returned then I need to show it on the
> > > page. I have few doubts here:
> >
> > > 1) Once node is inserted into the database and response is rendered on
> > > the page then how can I fetch id/value of the node. Here, DOM
> > > shouldn't be updated automatically? I am not able to fetch parent node
> > > id while adding child into it.
> >
> > > 2) Once data is rendered on the page and if I refresh it then how
> > > should I show thetreewhich was already created dynamically? Do I
> > > need to bring all the data from the database by passing parentid?
> >
> > > Please guide.
> >
> > > Thanks,
> > > Bhavin- Hide quoted text -
> >
> > - Show quoted text -

Reply via email to