JqxColorPicker: Difference between revisions

From NSB App Studio
Jump to navigation Jump to search
(Created page with "File:jqxcolorpicker.png == Description == The ColorPicker control lets you easily select a color. It is based on the jqWidgets jqxColorPicker widget. == Properties and M...")
 
Line 12: Line 12:


=== Events ===
=== Events ===
==== onchange (BASIC) ====
==== oncolorchange (BASIC) ====
<pre>
<pre>
Function Rating1_onchange(event)
Function ColorPicker1_oncolorchange()
   Dim curValue
   color=$("#ColorPicker1").jqxColorPicker("getColor")
  curValue = event.value
   TextBox1.text=RGB(color.r, color.g, color.b)
   Label1.textContent = "Rating Value: " & curValue
End Function
End Function
</pre>
</pre>

Revision as of 14:08, 17 May 2013

Description

The ColorPicker control lets you easily select a color. It is based on the jqWidgets jqxColorPicker widget.

Properties and Methods

See the complete documentation at jqWidget's site: http://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxColorPicker/jquery-colorpicker-getting-started.htm

Example

Events

oncolorchange (BASIC)

Function ColorPicker1_oncolorchange()
  color=$("#ColorPicker1").jqxColorPicker("getColor")
  TextBox1.text=RGB(color.r, color.g, color.b)
End Function

change (JavaScript)

JavaScript
 $('#Rating1').bind('change', function (event)
    { 
      var curValue= event.value; 
      alert(curValue);
    });  
End JavaScript

Functions

Disable Rating

Rem disable rating
Function Button1_onclick()
  $("#Rating1").jqxRating({disabled:True})
End Function

Enable Rating

Rem enable rating
Function Button2_onclick()
  $("#Rating1").jqxRating({disabled:False})
End Function

Set Rating Value

Rem Set rating value 5*
Function Button3_onclick()
  $("#Rating1").jqxRating({value:5})
End Function

Get Rating Value

Rem Get rating value
Function Button4_onclick()
  Dim curValue
  curValue = $("#Rating1").jqxRating("value")
  MsgBox "Current Value is : " & curValue 
End Function

Output

See above.