"Format options supported in the backbase for listgrid and treegrid"

12 August, 2008 - 10:40 — vishnuvardhan

"Format options supported in the backbase for listgrid and treegrid"
List of formating options supported ( like Bold, Italic, underline, Head line, Word Art etc..). I need complete list of format options provided by the backbase"
I should have some menu tabs , once I select a particular row or column of the table then, by selecting the bold menu at the contents of that should be changed to bold and the same for rest of the format option,even it is applicable to some normal text if we are displaying on the GUI.

"Format options supported in the backbase for listgrid and treeg

12 August, 2008 - 11:30 — yudi

Hi Vishnuvardhan,
You could create by yourself format options by using setStyle command.By this way, you can not only target list grid or tree grid but also other elements. For example:

change list grid font-style. 

<b:comboBox>

<e:handler event="change" type="text/javascript">

bb.command.setStyle( bb.document.getElementById('listGrid'),{'font-style':this.getProperty('value')});

</e:handler>

<b:comboBoxOption > italic</b:comboBoxOption>

--other comboBox option elements-----

</b:comboBox>

~yudi

Error is shown when i try to implement the code in my example

12 August, 2008 - 12:57 — vishnuvardhan

A error is thrown stating

# XML Command: Command 'setStyle' cannot be executed in the specified context. anonymous()
# GENERIC: Javascript error: "XML Command: Command 'setStyle' cannot be executed in the specified context.". b:comboBox btl_comboBoxBase_setValue()

while trying to implement the above code in my example with listgrid

<html>

        <head>

                <title>Sample BackBase Apps</title>

                <script type="text/javascript" src="../Backbase_4_2_1/engine/boot.js"></script>

        </head>

<body>

        <script xmlns="http://www.w3.org/1999/xhtml" 

                xmlns:b="http://www.backbase.com/2006/btl"

                xmlns:e="http://www.backbase.com/2006/xel"

            xmlns:xi="http://www.w3.org/2001/XInclude" type="application/backbase+xml">

                <xi:include href="../Backbase_4_2_1/bindings/config.xml" />

 <b:comboBox>

<e:handler event="change" type="text/javascript">

bb.command.setStyle( bb.document.getElementById('listGrid'),{'font-style':this.getProperty('value')});

</e:handler>

<b:comboBoxOption > italic</b:comboBoxOption>

--other comboBox option elements-----

</b:comboBox>                   

<e:variable name="varData">

<e:data xmlns="" type="text/xml">

<Interfaces>

<interface id="interface-1">

<Ifindex>55655</Ifindex>

<vlanid>65</vlanid>

<Address>4544E454545A</Address>

<addresstype>1</addresstype>

<accessid>5</accessid>

</interface>

<interface id="interface-2">

<Ifindex>43545</Ifindex>

<vlanid>54</vlanid>

<Address>43434342333</Address>

<addresstype>1</addresstype>

<accessid>5</accessid>

</interface>

<interface id="interface-3">

<Ifindex>444544</Ifindex>

<vlanid>333</vlanid>

<Address>3343E2323A3434B</Address>

<addresstype>1</addresstype>

<accessid>2</accessid>

</interface>

</Interfaces>

</e:data>

</e:variable>

<b:dataSource name="myData" dataType="application/xml" dataSelect="$varData" e:behavior="b:localData" />

<b:listGrid dataSource="myData" rowClasses="rowClass1, rowClass2">

<b:listGridCol select="Ifindex" label="Ifindex">

<b:label>Ifindex</b:label>

</b:listGridCol>

<b:listGridCol select="vlanid" label="vlanid" />

<b:listGridCol select="Address" label="Address">

<b:fieldEditor>

<select>

<option value="" />

<option value="44445">44445</option>

<option value="44454454">44454454</option>

<option value="44443e333">44443e333</option>

</select>

</b:fieldEditor>

</b:listGridCol>

<b:listGridCol select="addresstype" label="addresstype" readonly="true" />

<b:listGridCol select="accessid" label="accessid" />

</b:listGrid>

        </script>

</body>

</html>

please help in this

please provide me the solution for this feature

18 August, 2008 - 07:14 — vishnuvardhan

please provide me the solution to this feature,it is needed in my application for the listgrid

Hi Vishnuvardhan, It does

18 August, 2008 - 08:05 — yudi

Hi Vishnuvardhan,
It does not work because there is no id in the list grid and that why the bb.document.getElementById('listGrid') can not target the targeted element. Thus the setStyle can not be implemented in this case.

<b:listGrid  id="listGrid" dataSource="myData" rowClasses="rowClass1, rowClass2">

Cheers,
Yudi

please provide me the solution for this feature

18 August, 2008 - 10:19 — vishnuvardhan

please provide me the solution to this feature,it is needed in my application for the listgrid

"Format options supported in the backbase for listgrid and treeg

18 August, 2008 - 10:53 — yudi

<b:listGrid  id="listGrid" dataSource="myData" rowClasses="rowClass1, rowClass2">

~Yudi

the format options are not working

18 August, 2008 - 13:50 — vishnuvardhan

i have tried by putting id in the listgrid widget.it doesn't throws any error but when i click italic in the combobox the contents of the listgrid doesn't change to italic or bold.the contents are in default font style itself.Please provide me the solutionfor this

   <b:listGridCol select="rating" label="Rating"  format="style[font-style:italic;font-weight:bold]" />

You could also change the column format from other element by using setAttribute('format', yourStyle );

Hope this help,
yudi

Client Framework

"Format options supported in the backbase for listgrid and treegrid"

"Format options supported in the backbase for listgrid and treeg

Error is shown when i try to implement the code in my example

please provide me the solution for this feature

Hi Vishnuvardhan, It does

please provide me the solution for this feature

"Format options supported in the backbase for listgrid and treeg

the format options are not working

please provide me the solution for this feature

"Format options supported in the backbase for listgrid and treeg

"Format options supported in the backbase for listgrid and treeg

Active Forum Topics

Recent Blog Posts