dojox.mobile.ContentPane¶
| Authors: | Yoshiroh Kamiyama |
|---|---|
| Developers: | Yoshiroh Kamiyama |
| since: | V1.7 |
Contents
Introduction¶
ContentPane is a very simple and lightweight content pane to embed an HTML fragment. It can be regarded as a <div> element, but has ability to embed an HTML fragment and run the parser. The onLoad() handler is called when parsing is done and the content is ready. Compared with dijit.layout.ContentPane, this widget provides only basic fuctionality, but it is much smaller than dijit.layout.ContentPane.
| Parameter | Type | Default | Description |
| href | String | “” | A URL of an HTML fragment to load. |
| lazy | Boolean | false | If true, external content specified with the href property is not loaded at startup time. It can be loaded by calling load(). |
| content | String | “” | An HTML fragment content to load. |
| parseOnLoad | Boolean | true | If true, runs the parser to parse the content. |
| prog | Boolean | true | If true, shows a progress indicator while loading an HTML fragment specified by href. |
| executeScripts | Boolean | true | If true, executes scripts that is found in the content. |
Examples¶
Declarative example¶
require([
"dojox/mobile",
"dojox/mobile/parser",
"dojox/mobile/ContentPane"
]);
<h2 data-dojo-type="dojox.mobile.RoundRectCategory">Pane1</h2>
<div data-dojo-type="dojox.mobile.ContentPane"
data-dojo-props="content:'<div data-dojo-type="dojox.mobile.RoundRect" data-dojo-props="shadow:true">Thank you!</div>'"></div>
<h2 data-dojo-type="dojox.mobile.RoundRectCategory">Pane2</h2>
<div data-dojo-type="dojox.mobile.ContentPane"
data-dojo-props='href:"fragment1.html"'></div>
The content of fragment1.html is as follows:
<div data-dojo-type="dojox.mobile.RoundRect" data-dojo-props='shadow:true'>
HTML fragment example
</div>
See examples of dojox.mobile.FixedSplitter also.