总结ADF Faces 中使用到的一些 JavaScript

关键字：ADF，JavaScript

在ADF web应用中可以使用JavaScript在客户端完成需要的逻辑。下面整理一些常用的操作。

1）打开对话框

function openPopup(evt){
  var popup = AdfPage.PAGE.findComponent("popupId");
  popup.show();
}

可以使用 af:showPopupBehavior代替。

2）隐藏对话框

function aboutOkButton(event) {
  var dialog = event.getSource();
  var popup = dialog.findComponent("aboutPopup");
  popup.hide();
  event.cancel();
}

3）组件的可见性

function showText()
{
  var output1 = AdfUIComponent.findComponent("output1")
  var output2 = AdfUIComponent.findComponent("output2")
  var input = AdfUIComponent.findComponent("input")

  if (input.value == "")
  {
    output1.setVisible(true);
  }
  else
  {
    output2.setVisible(true)
  }
}

4）从inputText中读取数据

var input1 = document.getElementById('in1::content');
var input2 = document.getElementById('in2::content');

if (input1.value == input2.value)
{
  alert("Equals");
}
else
{
  alert("No Equals");
}

5）设置 Panel Splitter 的位置

function setSplitterPos(event) {
  var source = event.getSource()
  source.setSplitterPosition(200);
}

在af:panelSplitter中插入af:clientListener ：
< af:clientListener method=" setSplitterPos" type=" propertyChange"/ >

6）执行 af:commandButton 操作

var component = AdfPage.PAGE.findComponentByAbsoluteId(commanButtonId);
AdfActionEvent.queue(component, component.getPartialSubmit());

7）执行 goButton

function invokeGo(event){
  var component = AdfPage.PAGE.findComponentByAbsoluteId("gb1");
  var redirectEvent = new AdfRedirectEvent(component, component.getDestination(), true);
  redirectEvent.queue(true);
}

Hint :
AdfRedirectEvent 是一个内部类，需要设置goButton的clientComponent 属性为 true.

8）运行 file.exe

function RunExe()
{
  var commandtoRun = "C:\\file.exe";
  var objShell = new ActiveXObject("Shell.Application");
  objShell.ShellExecute(commandtoRun, "", "", "open", 1);
}

9）在输入控件中改变字符的大小写
/// For IE only

function convertToUpperCase( _event ) {
  var currText = null;
  currText = String.fromCharCode(window.event.keyCode);
  window.event.keyCode = currText.toUpperCase().charCodeAt(0);
}

/// For Mozilla

function convertToUpperCase( _event ) {
  var _keycode = _event.getKeyCode();
  if( ( _keycode > 64 && _keycode < 90 ) || ( _keycode > 96 && _keycode < 123 ) ) {
    currText = String.fromCharCode(_event.getKeyCode());
    currText = currText.toUpperCase();

    var _textFieldField = document.getElementById ( _event.getSource().getClientId() );
    var _inputFields = _textFieldField.getElementsByTagName('INPUT');
    var _firstInputField = _inputFields[0];
    _firstInputField.value = String.concat( _firstInputField.value, currText);
    _event.cancel();
  }
}

10）识别浏览器

function iEOrNot(myEvent) {
  var currText = null;
  if(!myEvent)
    myEvent = window.event;
    if(navigator.appName == 'Microsoft Internet Explorer') {
    // I am IE
    } else if(navigator.appName != 'Microsoft Internet Explorer') {
    // I am not IE
  }
}

11）获取屏幕宽度和高度

width = java.awt.Toolkit.getDefaultToolkit().getScreenSize().width;

hight= java.awt.Toolkit.getDefaultToolkit().getScreenSize().hight;

12）获取Mac地址，Ip地址和计算机名

function call(event) {
  var source = event.getSource();
  var macAddress = "";
  var ipAddress = "";
  var computerName = "";
  var wmi = GetObject("winmgmts:{impersonationLevel=impersonate}");
  e = new Enumerator(wmi.InstancesOf("Win32_NetworkAdapterConfiguration"));
  for(; !e.atEnd(); e.moveNext()) {
    var s = e.item();
    if(s.DNSHostName!=null)
    {
      macAddress = s.MACAddress;
      ipAddress = s.IPAddress(0);
      computerName = s.DNSHostName;
    }
  }
}

13）调用 inputDate calender

function openDate(event) {
  src = event.getSource();
  popup = src.findComponent(""+AdfRichUIPeer.CreateSubId(src.getClientId(), AdfDhtmlInputDatePeer._POPUP_ID));
  hints = {alignId:src.getClientId(), align:AdfRichPopup.ALIGN_END_AFTER};
  popup.show(hints);
}

14）键的keyCode

function keyCode(evt) {
  var k=evt.getKeyCode();
}

Hint: AdfKeyStroke

15）给inputText设置光标

function setFocus(evt) {
  var t=document.getElementById('t1::content');// t1 is the inputText Id
  t.focus();
} 

16）双击打开LOV

function doubleClickLaunchLov(evt) {
    evt.cancel();
    var lov = evt.getSource();
    AdfLaunchPopupEvent.queue(lov,true);
}

17）关闭浏览器的当前窗口

function closeCurrentWindow(){
    window.close();
}

18）防止重复点击按钮

function preventDuplicateClick(event) {
    if (window.document.readyState != null && window.document.readyState != 'complete') {
        event.cancel();
    }
}

19）把jsp页面当做popup使用

        function showWindow(event) {
            var comSource = event.getSource();
            var idAndName = window.showModalDialog("xxxx/shortcutImgChoose.jsp", window, "dialogWidth=400px;dialogHeight=300px;location=no");
            AdfCustomEvent.queue(comSource, "changeIcon", 
            {
                imgId : idAndName.split(",")[0], imgName : idAndName.split(",")[1]
            },
true);
        }

补充：

1）findComponentByAbsoluteId与findComponent 

最直接的区别是findComponent 的参数可以只是组件的ID，而findComponentByAbsoluteId的参数要包含root和目标组件之间的所有NamingContainers。

参考：http://download.oracle.com/docs/cd/E14571_01/apirefs.1111/e12046/oracle/adf/view/js/base/AdfPage.html#findComponentByAbsoluteId_String_

2）如果AdfPage.PAGE.findComponentByAbsoluteId(commanButtonId)中的commandButtonId无法确定或不容易确定，可以使用event.getSource()。

例如下面的showWindow方法可以加在af:table中的某个列中。

function showWindow(event) {
            var comSource = event.getSource();
            var idAndName = window.showModalDialog("xxxx/shortcutImgChoose.jsp", window, "dialogWidth=400px;dialogHeight=300px;location=no");
            AdfCustomEvent.queue(comSource, "changeIcon", 
            {
                imgId : idAndName.split(",")[0], imgName : idAndName.split(",")[1]
            },
true);
        }

3）对于一般的组件可以使用fireBug查找，使用inspectElement找到特定组件的内容。