ajax开发工具bindows使用指南：内联组件
内联组件是可以用在 HTML 文档中的组件。这允许你创建普通的 HTML 页面，然后可以扩展它们包含 Bindows 组件。
宿主文档
不像其它普通的 Bindows 应用程序，带有内联组件的 Bindows 应用程序，不能使用默认的空宿主文档。作为代替你可以为你的应用程序创建一个新的 HTML 文档。这个文档基于普通的宿主文档，它使用相同的样式表。然而，大多数情况下，你可以重载一些样式使之符合你的需求。 <!-- Back Compat -->
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<title>Hello World</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="MsThemeCompatible" content="yes">
<meta http-equiv="ImageToolBar" content="no">
<link type="text/css" rel="StyleSheet" href="../../html/css/bimain.css">
<script type="text/javascript" src="../../html/js/application.js"></script>
<style type="text/css">
body {
overflow: auto;
background: white;
color: black;
padding: 10px;
}
</style>
</head>
<body>
<script type="text/javascript">application.start("../../html/", "Inline.xml");</script>
<!-- Insert your document markup here -->
</body>
</html>
这改变背景色为白色，在需要时添加滚动条，并加了一些内补丁（padding）。 我们通过一个叫 Inline.xml 的应用程序开始。这是一个使用了内联组件的普通 Bindows 应用程序。
BiInlineComponent
内联组件通过添加 BiInlineComponents 到应用程序窗口实现。这些组件能包含其它 Bindows 组件用于构建更为复杂的用户界面。不像普通的组件，内联组件在宿主文档的标记中被创建。这就允许宿主文档定义组件的位置。
内联组件在宿主文档中定义了相关的 HTML 元素。这个元素可以定义在任何你想要的位置，比如表格单元格或者作为一个漂浮元素。 <div id="my-inline-component"></div>
现在我们就能定义 HTML 元素，使之担当内联组件的角色，我们可以进入 Bindows 应用程序调用它。 var ic = new BiInlineComponent( "my-inline-div" );
application.getWindow().add( ic )
...或者使用 Bindows 标记： <InlineComponent inlineId="my-inline-component"/>
| 感谢原创者的辛勤劳动，希望对您有所帮助，转载请注明原出处。 |
