举报投诉联系我们 手机版 热门标签 名动网
您的位置:名动网 > js命令大全 JSF 命令链接

js命令大全 JSF 命令链接

2023-04-05 16:20 Java教程

js命令大全 JSF 命令链接

js命令大全

JavaScript 命令大全是一本关于 JavaScript 语言的参考书,它收集了 JavaScript 语言中的所有命令,并且提供了详细的使用说明。它既可以帮助初学者快速上手,也可以帮助高级开发者更好地理解 JavaScript 语言。

JavaScript 命令大全包含了 JavaScript 语言中的所有基本命令,如数据类型、运算符、流程控制、函数、对象、数组、正则表达式、DOM 操作等。它还包含了一些高级特性,如 ES6 的新特性、Ajax 技术、Node.js 的使用方法等。

// 例子:使用 for 循环遍历数组
var arr = [1, 2, 3, 4, 5];
for (var i = 0; i < arr.length; i++) {
    console.log(arr[i]); // 1 2 3 4 5 
} 

JSF 命令链接

JSF教程 - JSF命令链接


h:commandLink标签渲染一个HTML“anchor"元素。

以下JSF标记

<h:commandLink value="Page 1" action="page1" />

被渲染为以下HTML代码

<a href="#" onclick="mojarra.jsfcljs(document.getElementById("j_idt13"),
{"j_idt13:j_idt14":"j_idt13:j_idt14"},"");return false">Page 1</a>

标签属性

属性描述
id标签的标识
binding引用在backing bean中使用的组件
rendered布尔值; false将抑制渲染
styleClass级联样式表(CSS)类名称
value值绑定
valueChangeListener响应值更改的方法绑定
converter转换器类名
validator附加到组件的验证器的类名
required布尔值; 如果为true,则根据需要标记标签
accesskey给予一个元素的焦点
accept表单的内容类型的逗号分隔列表
accept-charset表单的字符编码的逗号或空格分隔列表。
alt非文字元素(例如图片)的替代文字
border元素的边框宽度的像素值
charset链接资源的字符编码
coords形状为矩形,圆形或多边形的元素的坐标
dir文本的方向。 有效值为 ltr (从左到右)和 rtl (从右到左)。
hreflang使用 href 属性指定的资源的基本语言;
lang元素的属性和文本的基本语言
maxlength文本字段的最大字符数
readonly输入字段的只读状态
rel当前页面和链接页面之间的关系
rev将从 href 指定的锚点反向链接到当前文档。
style内联样式信息
tabindex指定制表符索引的数值
target打开文档的框架的名称
title用于辅助功能的标题。 浏览器通常为标题的值创建工具提示
type链接类型; 例如样式表
width元素的宽度
onblur失去焦点的事件处理程序
onchange值更改的事件处理程序
onclick鼠标按钮的事件处理程序点击该元素
ondblclick双击鼠标按钮的事件处理程序
onfocus元素接收焦点的事件处理程序
onkeydown按键的事件处理程序
onkeypress键按下并释放的事件处理程序
onkeyupKey的事件处理程序发布
onmousedown鼠标按钮的事件处理程序
onmousemove鼠标移动的事件处理程序
onmouseout鼠标左的事件处理程序
onmouseover鼠标移动到的事件处理程序
onmouseup释放鼠标按钮的事件处理程序
onreset表单重置的事件处理程序
onselect选择文本的事件处理程序

例子

以下代码来自demo.xhtml。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"   
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:body>
      <h:form>
       <h:link value="Login page" outcome="login" />
      <br/>
      <h:link value="Login page + Param " outcome="login" >
        <f:param name="username" value="mkyong" />
      </h:link>
      <br/>
       <h:link outcome="login" >
         <h:graphicImage library="images" name="myImage.png" />
       </h:link>
      <br/>
       <h:commandLink value="Login page" />
      <br/>
       <h:commandLink action="#{user.goLoginPage}" value="Login page" />
      <br/>
       <h:commandLink action="#{user.goLoginPage}" value="Login page + Param ">
         <f:param name="username" value="mkyong" />
       </h:commandLink>
      <br/>
       <h:commandLink action="#{user.goLoginPage}">
         <h:graphicImage library="images" name="myImage.png" />
       </h:commandLink>
      <br/>
       <h:outputLink>Login page</h:outputLink>
      <br/>
       <h:outputLink value="login.xhtml" >Login page</h:outputLink>
      <br/>
       <h:outputLink value="login.xhtml">
         <h:outputText value="Login page" />
         <f:param name="username" value="www..cn" />
       </h:outputLink>
      <br/>
       <h:outputLink value="login.xhtml">
         <h:graphicImage library="images" name="myImage.png" />
       </h:outputLink>
      </h:form>
    </h:body>
</html>

下面的代码来自UserBean.java。

package cn..common;

import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
 
@ManagedBean(name="user")
@SessionScoped
public class UserBean{
 
  public String goLoginPage(){
    
    return "login";
    
  }
}

以下代码来自login.xhtml。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"   
      xmlns:h="http://java.sun.com/jsf/html"
      >
 
    <h:body>
      
      <h1>login.xhtml</h1>
      
    </h:body>

</html>
下载 Link-commandLink-outputLink.zip

运行

将生成的WAR文件从目标文件夹复制到Tomcat部署文件夹,并运行Tomcat-Install-folder/bin/startup.bat。

Tomcat完成启动后,在浏览器地址栏中键入以下URL。

http://localhost:8080/simple-webapp/demo.xhtml
阅读全文
以上是名动网为你收集整理的js命令大全 JSF 命令链接全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 名动网 mdwl.vip 版权所有 联系我们