ZK 5 and jQuery

1793 ワード

JavaScript html jquery css zk。

ZK 5.0バージョンでは、いくつかのクライアントの効果を実現するためにjQueryと組み合わせて使用することができます.クライアントの名前空間を宣言します.

<zk xmlns:w="http://www.zkoss.org/2005/zk/client">

名前空間を宣言した後、これらのイベントはクライアントで実行されます.クライアントのイベントを定義し、クライアントイベントを定義する一番簡単な方法は、namespaceとatributeタグを利用してjsコードを含むことです.

<attribute w:name="onClick">
	//javascript code goes here
</attribute>

完全なページコード

<?page title="new page title" contentType="text/html;charset=UTF-8"?>
<zk xmlns:w="http://www.zkoss.org/2005/zk/client">
	<script src="/scripts/tools.expose-1.0.3.js" />
	<script>
	function exposeLogin (widget) {		
		jq(widget).expose({
			// when exposing is done,          
			onLoad: function() { 
				jq(widget.$n('cave')).css({backgroundColor: '#c7f8ff'});		
			}, 
		 
			// when "unexposed",          
			onClose: function() { 
				jq(widget.$n('cave')).css({backgroundColor: ""});
			}, 
		 
			api: true 
		}).load();
	}
	</script>
	
	<label value="Try clicking on the username or password textboxes please!" />
	<window id="login_window" title="Login" border="normal" width="400px" height="100px">
		<attribute w:name="onClick">
			exposeLogin(this);
		</attribute>
		   
		<textbox id="txtUsername" width="96%" />
		  
		<textbox id="txtPassword" type="password" width="96%" />
	</window>
</zk>

nodejs expressフレームは基本的に使用します.