使用dijit的内容窗格panes
来源:互联网 发布:小米算法工程师笔试 编辑:程序博客网 时间:2024/05/21 21:36
使用 Dijit 的布局特性
除了一些非常有用的组件和表单控件之外,Dijit 还提供了一个出色的布局框架,使您能够更加轻松地组织应用程序的界面。这一节将介绍如何使用 Dijit 的各种布局组件。为了简便起见,所有示例均使用 Dojo 的声明式语法提供,但是,如有必要,您应该可以能够很轻松地将其转为编程式方法。
内容窗格(panes)
内容窗格是最基本的 Dijit 布局组件。它们允许您定义一个内容部分,通过直接将 HTML 代码提供给内容属性来载入这一部分,或者通过 XmlHttpRequest
调用异步载入它。就后者而言,在从服务器载入内容时,内容窗格会显示一条正在加载的消息。
<!doctype html><html lang="en" dir="ltr"><head> <title>Dijit Template</title><link rel="stylesheet" href="dijit/themes/claro/claro.css" /><style type="text/css">body, html { font-family:helvetica,arial,sans-serif; font-size:90%; }</style></head><body class="claro"><button id="myButton" dojoType="dijit.form.Button">Load content using XHR</button><div dojoType="dijit.layout.ContentPane" id="myContentPane"><h1>Static content here!</h1></div><script src="dojo/dojo.js" djConfig="parseOnLoad: true"></script><script>dojo.require("dijit.dijit");dojo.require("dijit.form.Button");dojo.require("dijit.layout.ContentPane");dojo.addOnLoad(function() {var button = dijit.byId("myButton");var contentPane = dijit.byId("myContentPane");dojo.connect(button, "onClick", null, function(evt) {contentPane.attr("href", "content.html");});});</script></body></html>
content.html中代码
<h1>content.html content here!</h1>
不可否认,这个示例非常简单,但它应该能够展示将动态内容载入一个 Dijit ContentPane
组件是多么轻松。Dialog
等其他 Dijit 组件中实际上也使用了这个组件,用它来呈现内容部分。这些组件往往还用于布局容器之中,例如堆叠容器和选项卡容器,稍后我们将介绍相关内容。
0 0
- 使用dijit的内容窗格panes
- Scroll Panes的使用
- 1 Using Built-in Layout Panes 使用内置的布局窗格
- dojo-dijit.form.Button的使用
- 使用dijit的堆叠容器StackContainer
- dijit/form/FilteringSelect 的使用记录
- Dojo,Dijit基本内容总结
- dijit.tree使用
- 使用Dijit 日历组件
- 开发自己的 Dijit
- 第二部分: Dijit 3.1 内容部件
- dijit/layout/TabContainer的用法
- dijit.form.Select、dijit.form.ComboBox和dijit.form.FilteringSelect三者的区别
- 使用dojo中的dijit的组件中TabContainer制作可以关闭的tab
- 使用Dijit实现界面组件化开发
- dojo 中的 dijit.registry.byClass 的替换
- 怪异的dijit.form.Select(一)
- dojo dijit layout的一点问题
- electron demo
- 在windows下python,pip,numpy,scipy,matplotlib的安装
- Google Page
- C#forUnity快速入门-C#语言入门
- C++ 技巧积累
- 使用dijit的内容窗格panes
- css 样式重置另一种角度
- 零Linux基础安装hadoop过程笔记
- Android studio 生成自定义文件名 apk
- jmeter分布式测试
- 在windows下python,pip,numpy,scipy,matplotlib的安装
- Android Studio 签名打包过程图解
- iOS面试系列4
- HDU5787 K-wolf Number