xsokev / dojo-bootstrap
此包已被 废弃 并不再维护。未建议替代包。
此包的最新版本(v3.0.2)没有可用的许可证信息。
将 Bootstrap 端口转换为 dojo AMD 模块
v3.0.2
2014-07-20 01:21 UTC
Requires
- composer/installers: ~1.0
This package is not auto-updated.
Last update: 2021-11-06 14:09:09 UTC
README
Dojo-Bootstrap
使用 Dojo Toolkit(http://dojotoolkit.org)实现的优秀 Bootstrap 框架。该项目将 Bootstrap JavaScript 组件替换为 AMD 兼容的 Dojo 模块。与 Dojo 1.9.3 和 Bootstrap 3.1.1 进行了测试。
快速开始
git clone git://github.com/xsokev/Dojo-Bootstrap.git
- 通过运行
bower install
将 dojo sdk 添加到vendor/dojo
。 - 将您的浏览器指向
http://host/path/to/Dojo-bootstrap/tests/index.html
集成
请参阅测试/test_*.html 中的示例。
简述
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Dojo-Bootstrap</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="path/to/bootstrap/styles.css">
</head>
<body>
<button type="button" id="loading-button" class="btn btn-primary" data-loading-text="Loading...">Load</button>
<script>
var dojoConfig = {
async: 1,
packages: [
{ name: "bootstrap", location: "path/to/Dojo-Bootstrap" }
]
};
</script>
<script type="text/javascript" src="path/to/dojo/dojo/dojo.js"></script>
<script>
require(["bootstrap/Button", "dojo/query"], function (Button, query) {
query("#loading-button").on("click", function(e){
query(e.target).button('loading');
setTimeout(function(){
query(e.target).button('reset');
}, 2000);
});
});
</script>
</body>
</html>
测试
请参阅 Tests wiki 页面 以获取有关运行和编写 Dojo Bootstrap 测试的信息。
有用的资源
许可证
Dojo Bootstrap 根据 Apache License 2.0 许可。