Here are some view component examples

This message was edited 3 times. Last update was at 21/10/2010 17:28:57

Hello,

I have used some server side sripts on graphical views. Some are quite specific for the need. I have tried to make some in more generic way and here are some. I will check if i could clean some others and post here...

These are used as server side script component.

A drop down menu (select) which shows current value. Can set the value by selecting from menu.(edited the code and works now atleast on firefox and on Nokia mobile

checkbox for binary point

Quite simple... a text box (which is printing BCD value as 24h clock time)

Lamp image, clicking on it is setting/resetting a bit in variable

Lamp image clicking on it sets a binary point(from an old example in some other thread)

I hope these are for some use

BR
-Jokke

Hey Jokke,

Thanks so much for these. The first two are awesome. I which I understood javascript better so I could do stuff like this.

The drop down didn't seem to set the point in google chrome browser but worked great in firefox.

Thanks,
Joel.

This message was edited 2 times. Last update was at 21/10/2010 13:23:32

Hi Joel,

These examples are based on "onclick" event. It is quite odd method to use it on select option. It would be great to have some form or document (or something similar) function on serverside script. To be able to call this."selectName".... to return the selected value like normal JS way. Having radiobuttons could then also be possible.(it is possible with making several points the same way as checkbox).

Not to disrespect the fancy ajax-thingies, but I find these normal web input types, more usable(I believe I'm not the only one).

Of course with ajax to have action without any submit /send/set/refresh buttons.

Maybe a wishlist item to have serverside scrit to have multiple points for the script like meta point...

BR
-Jokke

Have you tried using "onchange" for a select instead of "onclick"?

Yes I first tried with onChange and for some reason I didnt get it working. It was some time ago with earlier mango version.

However now I made a new try and it works. I updated the above post to have a better version of the code.

BR
-Jokke

Here are more select examples as they seem popular.

The simple example which was on the other topic

A generic script for multistate point(uses the text and colour defined in multistate point renderer properties)

//Multi State Select example

//list of states (value key and the text)
var MSList=point.getTextRenderer().getMultistateValues();
var min = 0;
var max = MSList.size();
var s="";
var s2=""; //temporary inside loop, to be able to set the color

//check if list has values
if(max==0){return "No States defined";}
//sanity limit
if(max>100){return "More than 100 states";}

s+="<select  ";
 
for(var i = min; i < max ;i++)
{
   s2+= "<option ";
   //use the state colours 
   s2+= "style='color:"+ MSList.get(i).getColour() + "' ";
   s2+="value="+ MSList.get(i).getKey() ;

if (value == MSList.get(i).getKey()) 
  { 
      s2+= " selected ";
      //set the select color according to the value
      s+= "style='color:"+ MSList.get(i).getColour() + "' ";   
}
   s2+= "> "+MSList.get(i).getText()+"</option>";
}
s+="onChange='mango.view.setPoint("+ point.id +", \""+ pointComponent.id +"\", this.options[this.selectedIndex].value )'>";

// put the options into the string
s+=s2;

s+="</select>";

return s;

One which is quite easy to modify to some specific need

BR
-Jokke

This message was edited 1 time. Last update was at 30/06/2011 12:59:00

Very useful examples, I would like to set an RTC clock using two select combobox: Hours 0-23 and Minutes 0-59.
The datapoint must be set in seconds, so I need two combos performing some scripting like get the value of hours*3600 plus minutes*60.
I am trying but could not do it yet.
Here is my code, it works outside mango, but could not set the datapoint from this, anyone could help?