控件级对象

该控件级是页面所有元素包括页面元素的基本级。

在这种情况下,控件不用于表明特定的屏幕对象而是一个 JavaScript 级。

用JavaScript更改控件属性

如果您想用 JavaScript 更改控件属性,请将控件属性静态优化设为动态

重要:如果控件属性静态优化未设为动态,对属性的更改将被忽略。

在调用 getWidget 失败时,远程调试器将报告以下错误:

“尝试访问静态优化的控件标签1。停用控件静态优化以从脚本访问控件”。

使用如下编码,该错误将出现:

var wgt;

try {

wgt = page.getWidget('label1');

} catch(err) {

alert("" + err);

}

控件属性

这些属性是所有控件通用的。

objectName

string objectName

获取控件名称,一个唯一的 id。

function btnStd04_onMouseRelease(me) {

var wgt = page.getWidget("rect1");

var name = wgt.objectName;

}

(可在网页上使用)

x

number x

获取或设置控件的x像素位置。

function btnStd1_onMouseRelease(me) {

var wgt = page.getWidget("rect1");

wgt.x = 10;

}

(可在网页上使用)

y

number y

获取或设置控件的y像素位置。

function btnStd1_onMouseRelease(me) {

var wgt = page.getWidget("rect1");

wgt.y = 10;

}

(可在网页上使用)

width

number width

获取或设置控件的控件宽度像素。

function btnStd1_onMouseRelease(me) {

var wgt = page.getWidget("rect1");

wgt.width = 10;

}

(可在网页上使用)

height

number height

获取或设置控件的控件高度像素。

function btnStd1_onMouseRelease(me) {

var wgt = page.getWidget("rect1");

wgt.height = 10;

}

(可在网页上使用)

visible

boolean visible

获取或设置控件可见状态。

function btnStd4_onMouseRelease(me) {

var wgt = page.getWidget("rect1");

wgt.visible = false;

}

 

function btnStd5_onMouseRelease(me) {

var wgt = page.getWidget("rect1");

wgt.visible = true;

}

value

number value

获取或设置控件值。 

function btnStd6_onMouseRelease(me) {

var wgt = page.getWidget("field1");

wgt.value = 100;

}

opacity

number opacity (range from 0 to 1)

获取或设置控件不透明性。值是从 0-1 的十进制的,其中1是 100% 不透明的。

function btnStd8_onMouseRelease(me) {

var wgt = page.getWidget("rect1");

wgt.opacity = 0.5;

}

(可在网页上使用)

rotation

number rotation (in degrees)

为控件获取或设置旋转角度。向右旋转完成要转的度数,从东边的位置开始。

function btnStd9_onMouseRelease(me) {

var wgt = page.getWidget("rect1");

wgt.rotation = 45;

}

(可在网页上使用)

userValue

string userValue

获取或设置用户定义的控件值。该域可以被 JavaScript 功能用来存储额外的控件数据。

function btnStd9_onMouseRelease(me) {

var wgt = page.getWidget("rect1");

wgt.userValue = "Here I can store custom data";

}

每一个控件有一些特定的属性,您可以使用点符号访问。对于最新和详细的属性列表,您可以使用JavaScript调试器控件检查控件函数和属性。

控件函数

一些函数是所有控件通用的。

getProperty

object getProperty( propertyName, [index] )

返回一个属性。

参数 说明
propertyName 包含要获取的属性的名称的字符串
index 要从数组获取的元素索引(默认=0)

JMobile Studio属性窗格中显示的几乎所有属性都可使用 getProperty 函数检索。索引值是可选的,仅用于支持数组的控件。

function buttonStd1_onMouseRelease(me, eventInfo) {

var shape = page.getWidget("rect2");

var y_position = shape.getProperty("y");

}

function buttonStd2_onMouseRelease(me, eventInfo) {

var image = page.getWidget("multistate1");

var image3 = image.getProperty("imageList", 2);

//…

}

(可在网页上使用)

setProperty

boolean setProperty( propertyName, value, [index] )

为控件设置属性。

参数
参数 说明
propertyName 包含要设置的属性的名称的字符串
value

包含要设置属性的值的字符串。

index 要在数组中获取的元素索引(默认=0)

JMobile Studio属性窗格中显示的几乎所有属性都可使用此函数设置。索引值是可选的,仅用于支持数组的控件(例如,多状态图像控件)。setProperty 函数返回一个 boolean 值(true 或 false),指示此属性是否经过设置。

function buttonStd1_onMouseRelease(me, eventInfo) {

var setting_result = shape.setProperty("y", 128);

if (setting_result)

alert("Shape returned to start position");

}

function buttonStd2_onMouseRelease(me, eventInfo) {

var image = page.getWidget("multistate1");

var result = image.setProperty("imageList", "Fract004.png", 2);

//…

}

(可在网页上使用)