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!

About these ads

Specialized in IBM Collaboration Services since 1997. Main focus is XPages and Connections development. Other interests: travelling, culture, skiing & cooking.

Tagged with: , , ,
Posted in XPages
6 comments on “Demo Notes View in Dojo Dijit.Tree
  1. jake says:

    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 says:

    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.

  3. Edison says:

    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. “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 says:

    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 )

Google+ photo

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

Connecting to %s

I am Patrick Kwinten. I am a IBM Notes Domino Product Specialist since 1996. With this blog I am trying to give my contribution to the community.

The posts in this blog project my personal opinions, not the company I work for.

C U in Orlando


Follow my projects on OpenNTF. Below are some examples:

RSS Feed

Get every new post delivered to your Inbox.

Join 251 other followers

%d bloggers like this: