Demo Notes View in Dojo Dijit.Tree

I have been prototyping trying to squeeze a Notes View into the Dojo Tree Dijit, so far so good but what I do not understand is how to invoke a partial refresh to update one or two fields with data from a document in the background?

So I guess my chances will rise if I just post an example database and people could start it to work…

Notes View

What I got so far is the Notes View in the dijit.tree. The data for the store is collected by an Agent will runs through the View using a ViewNavigator. The data is in JSON format including the universalID as UNID.

I have added also an expand and collapse functions.

tree screen 1

If you click on an item in the tree the corresponding document will be loaded in the browser.

tree screen 2

The code for loading the dijit.tree and opening a underlying document is not so exciting:

<div dojoType=”” url=”../(JSONAgent)?OpenAgent&amp;view=$v-treeview” jsid=”navigatorStore” />
<div dojoType=”dijit.Tree” id=”domJSONTree1″ store=”navigatorStore” labelAttr=”sname”>
<script type=”dojo/method” event=”onClick” args=”id”>
} else{
alert(“No doc found.”);

Instructions how to enable everything you can read here.

Partial refresh how-tp?

Instead of loading a complete new document I rather would do a partial refresh. But how? The partial refresh option is not available like for the build-in XPages controls:


Perhaps IBM could extend the controls with some groovy Dojo Dijits?

The onclick event is however available (see code) but how I could initiate there the trigger to trigger another Control that might could do the job is a mystery to me? (like in pre-XPages days you would create a button which invokes an agent and you initiate the buttonvia the _doClick way) You tell me!

For anyone wanting to help here is an upload of an example database so you can work with it… Much appreciated!

6 thoughts on “Demo Notes View in Dojo Dijit.Tree

  1. jake 2009-October-21 / 3:14 pm

    Patrick, did you have any luck with this? I’m at an impasse myself on this as I want to fire off a partial on a Dojo.dnd drop event.

  2. jake 2009-October-21 / 6:45 pm

    Patrick, I’ve created a partial event that’s attached to a button, hidden the button with CSS and called the button’s onclick event in client side JS. Kudos to Paul Withers (@PaulSWithers) for the tip.

    • Patrick Kwinten 2009-October-29 / 9:36 am

      sorry but I am travelling / on holidays so no development on this for the next 4 weeks…

  3. Edison 2009-October-28 / 5:34 pm

    Hello mate!

    This looks absolutely perfect! I haven’t success with making dijit tree functional on XPage :-/ I wanted to download your example database, but with no success. Could you be so kind and send me this example database to my mail or upload it somewhere else than on easy-share?

    Thanks a lot for your answer

  4. Patryk yarpo Jar 2011-June-3 / 3:13 pm

    “For anyone wanting to help here is an upload of an example database so you can work with it… Much appreciated!”

    Link doesn’t work 😦

  5. daniel 2011-July-7 / 1:08 pm

    Can you please fix the download link?

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s