DOJO之StackContainer

作者在 2008-05-16 15:11:10 发布以下内容

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<title>Stack Container</title>

<style type="text/css">

@import "dojo/dijit/themes/soria/soria.css";

@import "dojo/dojo/resources/dojo.css"

</style>

<script type="text/javascript" src="dojo/dojo/dojo.js"

djConfig="parseOnLoad: true">

</script>

<script type="text/javascript">

dojo.require("dojo.parser");

dojo.require("dijit.layout.StackContainer");

dojo.require("dijit.layout.ContentPane");

dojo.require("dijit.form.Button");

</script>

</head>

<body class="soria">

<button dojoType="dijit.form.Button" id="previous">

Previous

<script type="dojo/method" event="onClick">

dijit.byId('main').back();

</script>

</button>

<button dojoType="dijit.form.Button" id="next">

Next

<script type="dojo/method" event="onClick">

dijit.byId('main').forward();

</script>

</button>

<div dojoType="dijit.layout.StackContainer" id="main">

<p id="p1" dojoType="dijit.layout.ContentPane">

This is in page 1.

It's the 1st page you see.

</p>

<p id="p2" dojoType="dijit.layout.ContentPane">

This is in page 2.

Good good study, day day up.

</p>

<p id="p3" dojoType="dijit.layout.ContentPane">

This is in page 3.

At last, I shall have revenge.

</p>

</div>

</body>

</html>
        需要自己写一个style来加框,这里没写。使用这个Container需要开发人员写控制翻页的控件。

DOJO | 阅读 3577 次
文章评论,共0条
游客请输入验证码