Sorry to confuse. I meant the enabled attribute.
If you want to disable the tab rather than hide it then you have to
toggle both the "enabled" and the "clickable" attributes, as follows:
<button text="Enabled Studies Tab">
<handler name="onclick">
studies.tab.setAttribute("enabled", true);
studies.tab.setAttribute("clickable", true);
</handler>
</button>
<button text="Disable Studies Tab">
<handler name="onclick">
studies.tab.setAttribute("enabled", false);
studies.tab.setAttribute("clickable", false);
</handler>
</button>
If you want this tab visible but disabled upon initialization you also
need the following:
<tabpane id="studies" visible="true" text="List of Studies">
<handler name="oninit">
this.tab.setAttribute("enabled", false);
this.tab.setAttribute("clickable", false);
</handler>
The one inherited from basecomponent ( not sure though ).
Going to the source, meaning laszlo source codes or getting a hands on
like what im doing now?
A bit of both.
Good luck,
David
David Russell wrote:
Hi David,
I took the chance and tried the script you have provided below with
the enabled property. It didn't work.
It works for me, you might want to try again. Here's the code I used
to verify it:
<canvas height="600" width="500">
<dataset name="myData" src="accounts.xml"/>
<simplelayout axis="x" spacing="10"/>
<view>
<simplelayout axis="y" spacing="5"/>
<button text="Enabled Studies Tab">
<handler name="onclick">
studies.tab.setAttribute("visible", true);
</handler>
</button>
<button text="Disable Studies Tab">
<handler name="onclick">
studies.tab.setAttribute("visible", false);
</handler>
</button>
</view>
<tabs x="10">
<tabpane selected="true" >List Of Accounts
<view name="accountsTable">
<simplelayout axis="y" />
<view name="rowOfData" bgcolor="white">
<datapath xpath="myData:/accounts[1]/person"
sortpath="firstName/text()"/>
<method event="onmouseover">
this.setAttribute("bgcolor", blue)
this.setAttribute("fgcolor", white)
</method>
<method event="onmouseout">
this.setAttribute("bgcolor", white)
this.setAttribute("fgcolor", black)
</method>
<simplelayout axis="x" />
<text datapath="firstName/text()" />
<text datapath="lastName/text()" />
<text datapath="@show" />
</view>
</view>
</tabpane>
<tabpane id="studies" visible="false" text="List of Studies">
<handler name="oninit">
this.tab.setAttribute("visible", false);
</handler>
</tabpane>
</tabs>
</canvas>
In anycase, can you point me to the part of the documentation where
these kinds of things are explained.
After reading the Developers and Reference Guides the next best place
is to go to the source.
David
Im trying grid at the moment.
Regards
Richard
David Russell wrote:
Richard,
> Lastly, why the visible false on my last tabname dont work?
It won't work because a tabpane is a composite object, it contains
a tab, the content area etc, so setting its "visible" to false has
no useful effect. You have to apply the change to the tab within
the tabpane.
Try replace
<tabpane visible="false">List Of Studies</tabpane>
with
<tabpane id="studies" visible="false" text="List of Studies">
<handler name="oninit">
this.tab.setAttribute("visible", false);
</handler>
</tabpane>
To show the tab again do this:
studies.tab.setAttribute("visible", true);
As for grids, yes you could use a grid in place of replicating views.
David
Hi David,
Thanks...
Lastly, why the visible false on my last tabname dont work?
Regards
Richard
David Russell wrote:
Richard,
Here is a version of your code with a few small changes. The
onmouse event handlers are defined as part of your rowOfData so
can simply use "this" to refer to the row object, no need for an
id attribute at all. The colors blue and white are themselves
objects and as such are not placed within quotes when used within
setAttribute(). To improve the highlight contrast I've also
adjusted fgcolor which effects font color. Finally, given you are
using blue to highlight a row I changed the initial bgcolor of
the rowOfData to be white.
<canvas height="600" width="500">
<dataset name="myData" src="accounts.xml"/>
<tabs x="10">
<tabpane selected="true" >List Of Accounts
<view name="accountsTable">
<simplelayout axis="y" />
<view name="rowOfData" bgcolor="white">
<datapath xpath="myData:/accounts[1]/person"
sortpath="firstName/text()"/>
<method event="onmouseover">
this.setAttribute("bgcolor", blue)
this.setAttribute("fgcolor", white)
</method>
<method event="onmouseout">
this.setAttribute("bgcolor", white)
this.setAttribute("fgcolor", black)
</method>
<simplelayout axis="x" />
<text datapath="firstName/text()" />
<text datapath="lastName/text()" />
<text datapath="@show" />
</view>
</view>
</tabpane>
<tabpane visible="false">List Of Studies</tabpane>
</tabs>
</canvas>
Regards,
David
Richard Reyes wrote:
Hi Guys,
I hope I can get some help over here...
My test codes below and I can change the background color of the
view. I like to create an effect of highlighting the
the row as the mouse passes by.
current error is null setters on #rowOfData bgcolor
if I remove the id attr i got the error that the rowOfData is
undefined.
Thanks in advance.
Richard
---------------------------
<canvas height="600" width="500">
<dataset name="myData" src="accounts.xml"/>
<tabs x="10">
<tabpane selected="true" >List Of Accounts
<view name="accountsTable">
<simplelayout axis="y" />
<view name="rowOfData" bgcolor="blue"
id="rowOfData">
<datapath
xpath="myData:/accounts[1]/person"
sortpath="firstName/text()"
/>
<simplelayout axis="x" />
<text datapath="firstName/text()" />
<text datapath="lastName/text()" />
<text datapath="@show" />
<method event="onmouseover">
rowOfData.setAttribute("bgcolor","blue")
</method>
<method event="onmouseout">
rowOfData.setAttribute("bgcolor","white")
</method>
</view>
</view>
</tabpane>
<tabpane visible="false">List Of Studies</tabpane>
</tabs>
</canvas>
