使用dojo中的dijit的组件中TabContainer制作可以关闭的tab
2013-04-13 21:14
441 查看
使用dojo中的dijit的组件中TabContainer制作可以关闭的tab
以下为全部代码,设置能关闭tab方法data-dojo-props="closable:true, onClose:function(){return confirm('really?');}"
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tutorial: Hello Dojo!</title>
<style>
@import "dojo/resources/dojo.css";
@import "dijit/themes/tundra/tundra.css";
</style>
<script type="text/javascript" src="dojo/dojo.js" data-dojo-config="isDebug: true, async: true, parseOnLoad: true"></script>
</head>
<body class="tundra">
<div data-dojo-type="dijit/layout/TabContainer" style="height:500px; width:400px;" doLayout="true">
<div data-dojo-type="dijit/layout/ContentPane" title="tab1" data-dojo-props="closable:true, onClose:function(){return confirm('really?');}">
date:<input data-dojo-type="dijit/form/DateTextBox"/>
</div>
<div data-dojo-type="dijit/layout/ContentPane" title="tab2" data-dojo-props="closable:true, onClose:function(){return confirm('really?');}">
abc
</div>
<div data-dojo-type="dijit/layout/ContentPane" title="tab3" data-dojo-props="closable:true, onClose:function(){return confirm('really?');}">
efg
</div>
</div>
<script>
// load requirements for declarative widgets in page content
require(["dijit/form/DateTextBox","dijit/form/Button","dijit/layout/TabContainer","dijit/layout/ContentPane", "dojo/parser", "dojo/domReady!"]);
</script>
</body>
此dojo版本为1.8
以下为全部代码,设置能关闭tab方法data-dojo-props="closable:true, onClose:function(){return confirm('really?');}"
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tutorial: Hello Dojo!</title>
<style>
@import "dojo/resources/dojo.css";
@import "dijit/themes/tundra/tundra.css";
</style>
<script type="text/javascript" src="dojo/dojo.js" data-dojo-config="isDebug: true, async: true, parseOnLoad: true"></script>
</head>
<body class="tundra">
<div data-dojo-type="dijit/layout/TabContainer" style="height:500px; width:400px;" doLayout="true">
<div data-dojo-type="dijit/layout/ContentPane" title="tab1" data-dojo-props="closable:true, onClose:function(){return confirm('really?');}">
date:<input data-dojo-type="dijit/form/DateTextBox"/>
</div>
<div data-dojo-type="dijit/layout/ContentPane" title="tab2" data-dojo-props="closable:true, onClose:function(){return confirm('really?');}">
abc
</div>
<div data-dojo-type="dijit/layout/ContentPane" title="tab3" data-dojo-props="closable:true, onClose:function(){return confirm('really?');}">
efg
</div>
</div>
<script>
// load requirements for declarative widgets in page content
require(["dijit/form/DateTextBox","dijit/form/Button","dijit/layout/TabContainer","dijit/layout/ContentPane", "dojo/parser", "dojo/domReady!"]);
</script>
</body>
此dojo版本为1.8
相关文章推荐
- dojo的TabContainer中增加的ContentPane如果是closable,如何在关闭后不销毁ContentPane
- SQL Server 阻止了对组件 'Ad Hoc Distributed Queries' 的 STATEMENT'OpenRowset/OpenDatasource' 的访问,因为此组件已作为此服务器安全配置的一部分而被关闭。系统管理员可以通过使用 s
- XNA Game Studio是一套有着强大功能和简单界面的游戏制作平台,游戏开发商和游戏玩家都可以使用这套工具开发针对Windows XP以及Xbox360的游戏,XNA Game Studio分为两种版本,一种是面向初学者的EXPRESS版本,还有一种是面向专业用户的专业版。用户使用EXPRESS版本开发游戏完全免费,并且可以随意在PC上发行,不过用该工具开发的游戏若是在360上网络发行,就需要交纳99美元的年费。
- DevExpress - 使用 GaugeControl 标尺组件制作抽奖程序 附源码
- Vue.js父与子组件之间传参 父向子组件传参 例子:App.vue为父,引入componetA组件之后,则可以在template中使用标签(注意驼峰写法要改成componet-a写法,因为ht
- 使用busybox-1.9.2制作根文件系统 (转,可以用来参考配置busybox)
- Unity3d NGUI的使用(十四)(NGUI制作Tab形式UI)
- SQL Server 阻止了对组件 'Ad Hoc Distributed Queries' 的 STATEMENT'OpenRowset/OpenDatasource' 的访问,因为此组件已作为此服务器安全配置的一部分而被关闭。系统管理员可以通过使用 sp_configure 启用 'Ad Hoc Distributed Queries'。有关启用 'Ad Hoc Distributed Que
- ionic原生tab。使用懒加载的同时不把tab拿出来单独做一个组件
- SplitContainer扩展可以关闭左边
- Android开发之TabLayout组件的使用
- SQL Server 阻止了对组件 'Ad Hoc Distributed Queries' 的 STATEMENT'OpenRowset/OpenDatasource' 的访问,因为此组件已作为此服务器安全配置的一部分而被关闭。系统管理员可以通过使用 s
- dojo-dijit.form.Button的使用
- 使用Vue制作图片轮播组件思路详解
- dijit/layout/TabContainer的用法
- C#中串口组件的使用方法总结及上位机制作方法
- iOS 创建用xib制作的ViewController,不可以使用new方法
- Delphi封装Mdi窗体到Dll并使用插件管理,tabControl制作多页面
- .Net Core上也可以使用的二维码组件