zss二次开发--ZSS主动被动调用JS-oop

喜欢编程的鱼

首页　| 　博文目录　| 　关于我

oop_ming

博客访问： 1966982
博文数量： 606
博客积分： 9991
博客等级：中将
技术积分： 5725
用户组：普通用户
注册时间： 2008-07-17 19:07

文章分类

全部博文（606）

C-sharp（1）
数据建模（1）

UML（1）
数据挖掘（8）

文本分类（2）
服务器（2）

Apache Http serv（2）
性能调优（3）

JProfiler（3）
网络技术（1）
信息安全（4）
搜索引擎（22）

Apache Lucene Ma（1）

googleapi（3）

nutch（10）

heritrix（1）

lucene（7）
设计模式（13）

J2EE模式（2）

行为模式（4）

结构模式（1）

创建模式（3）
web（88）

FreeMarker（1）

Weblogic（3）

JSF（1）

Ajax（12）

Tomcat（5）

xml（6）

servlet（4）

JSP（19）

css（2）

javascript（30）

html（5）
开发工具（38）

Flex Builder（10）

NetBeans（0）

eclipse（28）
算法设计（6）
操作系统（30）

Linux（24）

windows（2）

Solaris（4）
数据库（65）

Memcached（2）

NoSQL（0）

MS SQL（18）

MySQL（13）

Oracle（32）
软件工程（2）
Java（249）

iBATIS（1）

junit（3）

J2ME（1）

SWT（2）

webservice（17）

quartz（6）

J2EE（11）

J2SE（80）

面试题集（2）

问题集锦（1）

其他（8）

ANT（3）

jboss（1）

hibernate（56）

spring（33）

struts（23）
未分配的博文（73）

文章存档

2011年（10）

2010年（67）

2009年（155）

2008年（386）

我的朋友

功能描述：

1. ZSS组件暴露一些JS接口，提供给外部嵌入系统调用【被动】

2. ZSS组件主动调用外部嵌入系统提供的JS接口【主动】

操作截图：

【被动】

1. 一个简单的嵌入ZSS组件页面

2. 点击外部系统的按钮，执行ZSS组件内部相关操作

【主动】

1. 主动调用外部系统测试界面

2. 单击ZSS组件理SayHello按钮，将调用外部系统JS函数testAlert()

代码片段：

【被动】参口资料：

1. 外部系统页面（嵌入ZSS组件）

"button" value="开启文件" onclick="index2.window.onBwOpenFile();"/>

"button" value="保存文件" onclick="index2.window.onBwSaveBook();"/> "" name="index2" width="100%"

marginwidth="0" height="400" marginheight="0" scrolling="auto"

frameborder="no" id="index2" border="0">

<html>
<head>
</head>
<body>
 <input type="button" value="开启文件" onclick="index2.window.onBwOpenFile();"/>
 <input type="button" value="保存文件" onclick="index2.window.onBwSaveBook();"/> <iframe src=""  name="index2" width="100%"
  marginwidth="0" height="400" marginheight="0" scrolling="auto"
  frameborder="no" id="index2" border="0">
 </iframe>
</body>
</html>

2. ZSS组件页面index2.zul

2. ZSS组件页面index2.zul

"onBwSaveBook" name="onBwSaveBook" onChange="w1.onBwSaveBook();" style="width:0px;height:0px;"/>

"onBwOpenFile" name="onBwOpenFile" onChange="w1.onBwOpenFile();" style="width:0px;height:0px;"/>

void showMessage() {

alert("Hi!");

}

]]>

<textbox id="onBwSaveBook" name="onBwSaveBook" onChange="w1.onBwSaveBook();" style="width:0px;height:0px;"/>
 <textbox id="onBwOpenFile" name="onBwOpenFile" onChange="w1.onBwOpenFile();" style="width:0px;height:0px;"/>
 
 <zscript>
  void showMessage() {
   alert("Hi!");
  }
 </zscript>
 <html><![CDATA[
  <script>
 
   function onBwSaveBook() {
   //Here is the workaround
   document.getElementsByName("onBwSaveBook")[0].focus();
   if (document.getElementsByName("onBwSaveBook")[0].value != "1") {
    document.getElementsByName("onBwSaveBook")[0].value = "1";
    } else {
    document.getElementsByName("onBwSaveBook")[0].value = "2";
    }
   document.getElementsByName("onBwSaveBook")[0].blur();
   }
   function onBwOpenFile() {
   //Here is the workaround
   document.getElementsByName("onBwOpenFile")[0].focus();
   if (document.getElementsByName("onBwOpenFile")[0].value != "1") {
    document.getElementsByName("onBwOpenFile")[0].value = "1";
    } else {
    document.getElementsByName("onBwOpenFile")[0].value = "2";
    }
   document.getElementsByName("onBwOpenFile")[0].blur();
   }
  </script>
  ]]></html>

【主动】参口资料：http://blog.chinaunix.net/u2/73798/showart.php?id=2108686

1. index2.zul

"SayHello">

"onClick">

Clients.evalJavaScript("parent.testAlert();");

]]>

<button label="SayHello">
      <attribute name="onClick">   
      <![CDATA[   
    Clients.evalJavaScript("parent.testAlert();");
      ]]>   
      </attribute>   
  </button>

2. test.html

"text/javascript">

function testAlert() {

alert("hello zk!");

}

<script type="text/javascript">   
function testAlert() {   
     alert("hello zk!");   
}   
</script>