smartclient框架组件介绍4(ResourceTreeGrid,HTMLPane)

ResourceTreeGrid：资源树组件

资源树组件封装了获取资源树相关信息的功能。

效果图

组件属性、方法清单

ResourceTreeGrid提供资源相关的数据，现在支持按资源类型过滤，该组件继承自TreeGrid，具有TreeGrid的所有方法。资源树组件的方法：

方法

名称/描述

Create

创建资源树组件，一般组件都是通过这个方法创建实体对象

fetchData

查询资源数据，条件参数为JSON对象，比如根据资源类型和用户名查询：fetchData({moc:["Virtual Ne", "Common Group"], userName:"admin"});

资源树节点的属性：

方法

名称/描述

locateId

资源树在树上的位置ID，为主键

parentLocateId

资源树在树上父节点ID，指明外键

oid

资源编号

name

资源名字

ipAddress

网元ip地址，该属性可能为空，只有网元才有此属性

location

资源所在位置，该属性可能为空

connectionState

资源连接状态，该属性后续在界面是以状态小图标的方式呈现

managementState

资源管理状态，该属性后续在界面是以状态小图标的方式呈现

workState

资源工作状态，该属性是一个数组

visible

资源可见状态，如果为false，资源不能在界面显示

movable

资源可移动状态，如果为false资源不能在树上移动位置

timeZone

资源时区

description

资源描述，该属性可能为空

create方法

详述

方法名

Create

概述

通过输入设置的各个属性创建对应的资源树

返回

资源树的实体对象

参数（可以是树组件的任意一个属性）

参数

说明

ID

树组件的ID

rowContextClick

设置节点右键响应事件

recordClick

设置节点单击事件

recordDoubleClick

设置节点双击事件

使用示例

示例一：

ResourceTreeGrid.create({

ID:"resourceTree",

left:50, top:50, width:300, height:500,

rowContextClick : function( record ) //设置右键事件

{

this.contextMenu = Menu.create({

width : 100,

data:[{

title : "刷新",

resourceTreeGrid : this,

icon : "uep-2/unacknownledge.gif",

click : function()

{

this.resourceTreeGrid.data.reloadChildren(record);

}

}]});

this.showContextMenu();

},

recordClick: "isc.say('clicked country: <b>'+record. name +'</b>')", //设置单击事件

recordDoubleClick: "isc.say('Double-clicked country: <b>'+record. name +'</b>')" //设置双击事件

});

fetchData方法

详述

方法名

fetchData

概述

根据条件对资源树进行查询

返回

根据条件对资源树进行查询的结果

使用示例

根据资源类型即moc的值和当前登录的用户名进行资源查询：

resourceTree.fetchData({moc:["Virtual Ne", "Common Group"], userName:"admin"});

 

HTMLPane：

HTMLPane组件可以用来显示html内容，如果html内容很多，组件将会提供滚动条

效果图

组件属性、方法清单

属性

名称/描述

contentsURL : URL

组件需要显示的html的URL

contentsType : String

显示html的方式

contentsURLParams : Object

组件需要显示的html的URL的参数

dynamicContents : Boolean

Dynamic contents allows the contents string to be treated as a simple, but powerful template. When this attribute is set to true, expressions of the form ${arbitrary JS here} are replaced by the result of the evaluation of the JS code inside the curly brackets. This evaluation happens at draw time. If you want to trigger a re-evaluation of the expressions in the contents string you can call markForRedraw() on the canvas.

evalScriptBlocks 

If evalScriptBlocks is true, HTMLFlow will pre-process the loaded HTML in order to mimic how the HTML would execute if it were loaded as an independent page or loaded via an IFRAME.

httpMethod : SendMethod

Selects the HTTP method that will be used when fetching content. Valid values are "POST" and "GET".

loadingMessage : HTML

HTML to show while content is being fetched,

方法

名称/描述

contentLoaded 

当组件的内容加载完成后该方法会被触发

void contentLoaded ()

handleError 

当组件加载的内容加载错误的时候该方法会被调用

Boolean handleError (rpcRequest：RPCRequest,rpcResponse：RPCResponse )

loadingContent 

当组件正在从服务端加载内容的时候该方法返回true

void loadingContent () 

setContentsURL 

设置组件内容的url

void setContentsURL ([url, params])

transformHTML 

覆盖该方法可以对加载的html内容进行修改后再显示

void transformHTML (html)