多语言框
多语言框例子
方法名 说明
当不指定语种时,设置当前语种的值

的值为：		 设置指定语种的值
当不指定语种时,取得当前语种的值
取得指定语种的值
取得当前语种
设置当前语种
禁用控件
启用控件
设置控件是否不可见
取得当前控件是否不可见

Jsp源码

<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="/WEB-INF/tld/waf.tld" prefix="wafctrl" %>
<%@ page session="false" %>
<html>
<head>
<title>多语言框</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" 
    href="<c:url value="/webviews/webframework/styles/pages/standard/standard_all.css"/>" type="text/css"/>
<link rel="stylesheet" 
    href="<c:url value="/webviews/webframework/styles/pages/standard/skin/eas/eas_all.css"/>" type="text/css"/>
<script src="<c:url value="/webviews/webframework/waf-ctrl_all.js" />"></script>
<script src="<c:url value="/webviews/webframework/waf-framework_all.js" />"></script>
<script src="<c:url value="/webviews/webframework/waf-lang-zh-CN_all.js" />"></script>
</head>
<body>
	<table>
		<tr>
			<td>多语言框</td>
			<td>
				<wafctrl:multiLangBox id="txt" name="txt"/>
			</td>
		</tr>
		<tr>
			<td>指定语种</td>
			<td>
				<select id="lang">
					<option value="l1">EN</option>
					<option value="l2" selected>CN</option>
					<option value="l3">TW</option>
				</select>
			</td>
		</tr>
		<tr>
			<td>指定文本</td>
			<td><input id="content" type="text" value="文本内容"></td>
		</tr>
	</table>
	<table class="commontable">
        <tr>
            <th width="20%">方法名</th>
            <th>说明</th>
        </tr>
		<tr>
            <td><button id="setValue" class="button">setValue当前语种</button></td>
            <td>当不指定语种时,设置当前语种的值</td>
        </tr>
		<tr>
            <td><button id="setValueLang" class="button">setValue指定语种</button></td>
            <td>设置指定语种的值</td>
        </tr>
		<tr>
            <td><button id="getValue" class="button">getValue当前语种</button></td>
            <td>当不指定语种时,取得当前语种的值</td>
        </tr>
		<tr>
            <td><button id="getValueLang" class="button">getValue指定语种</button></td>
            <td>取得指定语种的值</td>
        </tr>
		<tr>
            <td><button id="getLang" class="button">取得lang</button></td>
            <td>取得当前语种</td>
        </tr>
		<tr>
            <td><button id="setLang" class="button">设置lang</button></td>
            <td>设置当前语种</td>
        </tr>
		<tr>
            <td><button id="disable" class="button">disable</button></td>
            <td>禁用控件</td>
        </tr>
		<tr>
            <td><button id="enable" class="button">enable</button></td>
            <td>启用控件</td>
        </tr>
		<tr>
            <td><button id="option_set" class="button">设置option</button></td>
            <td>设置控件是否不可见</td>
        </tr>
		<tr>
            <td><button id="option_get" class="button">取得option</button></td>
            <td>取得当前控件是否不可见</td>
        </tr>
	</table>
</body>
</html>

Js源码

waf(function(){
	// 设值(不带语种)
	waf("#setValue").click(function(e){
		getMultiLangBox().wafMultiLangBox("setValue", getContent());
	});
	// 设值(带语种)
	waf("#setValueLang").click(function(e){
		getMultiLangBox().wafMultiLangBox("setValue", getContent(), getLang());
	});
	// 取值(不带语种)
	waf("#getValue").click(function(e){
		alert(getMultiLangBox().wafMultiLangBox("getValue"));
	});
	// 取值(带语种)
	waf("#getValueLang").click(function(e){
		alert(getMultiLangBox().wafMultiLangBox("getValue", getLang()));
	});
	// 取得当前语种
	waf("#getLang").click(function(e){
		alert(getMultiLangBox().wafMultiLangBox("lang"));
	});
	// 设置当前语种
	waf("#setLang").click(function(e){
		var lang = getLang();
		if(lang){
			getMultiLangBox().wafMultiLangBox("lang", lang);
		}
	});
	// 禁用
	waf("#disable").click(function(e){
		getMultiLangBox().wafMultiLangBox("option", "disabled", true);
	});
	// 启用
	waf("#enable").click(function(e){
		getMultiLangBox().wafMultiLangBox("option", "disabled", false);
	});
	// 取得option
	waf("#option_get").click(function(e){
		alert(getMultiLangBox().wafMultiLangBox("option", "hidden"));
	});
	// 设置option
	waf("#option_set").click(function(e){
		var hidden = getMultiLangBox().wafMultiLangBox("option", "hidden");
		getMultiLangBox().wafMultiLangBox("option", "hidden", !hidden);
	});
});
function getLang(){
	return waf("#lang").val();
}
function getContent(){
	return waf("#content").val();
}
function getMultiLangBox(){
	return waf("#txt");
}
function showEventType(event) {
	waf("#eventType").text(event.type).show().fadeOut(1000);
}