how to control onTabClick #4010
Unanswered
KevinJonesChs
asked this question in
Q&A
Replies: 1 comment
-
sorry is my this my first Q&A in Github $('.content-wrapper').IFrame({
onTabClick(item) {
return item;
},
onTabChanged(item) {
return item
},
onTabCreated(item) {
return item
},
autoIframeMode: true,
autoItemActive: true,
autoShowNewTab: true,
allowDuplicates: true,
loadingScreen: 750,
useNavbarItems: true
}) my code is : <ul class="nav nav-treeview">
<li class="nav-item">
<a href="/orders/1" class="nav-link" id="ordercreate" >
<i class="far fa-circle nav-icon"></i>
<p>订单新增</p>
</a>
</li>
</ul>
<div class="content-wrapper iframe-mode" data-widget="iframe" data-loading-screen="750">
<div class="nav navbar navbar-expand navbar-white navbar-light border-bottom p-0">
<div class="nav-item dropdown">
<a class="nav-link bg-danger dropdown-toggle" data-toggle="dropdown" href="#" role="button"
aria-haspopup="true" aria-expanded="false">关闭</a>
<div class="dropdown-menu mt-0">
<a class="dropdown-item" href="#" data-widget="iframe-close" data-type="all">关闭所有</a>
<a class="dropdown-item" href="#" data-widget="iframe-close" data-type="all-other">关闭其它</a>
</div>
</div>
<a class="nav-link bg-light" href="#" data-widget="iframe-scrollleft"><i
class="fas fa-angle-double-left"></i></a>
<ul class="navbar-nav overflow-hidden" role="tablist"></ul>
<a class="nav-link bg-light" href="#" data-widget="iframe-scrollright"><i
class="fas fa-angle-double-right"></i></a>
<a class="nav-link bg-light" href="#" data-widget="iframe-fullscreen"><i class="fas fa-expand"></i></a>
</div>
<div class="tab-content">
<div class="tab-empty">
<h2 class="display-4">欢迎使用</h2>
</div>
<div class="tab-loading">
<div>
<h2 class="display-4">加载中...... <i class="fa fa-sync fa-spin"></i></h2>
</div>
</div>
</div>
</div> and my javascript is : $('.content-wrapper').IFrame({
onTabClick(ordercreate) {
console.log('123456789');
alert('onclictab!');
return ordercreate;
},
onTabChanged(item) {
return item
},
onTabCreated(item) {
return item
},
autoIframeMode: true,
autoItemActive: true,
autoShowNewTab: true,
allowDuplicates: true,
loadingScreen: 750,
useNavbarItems: true
}) I want know what is the 「item」 mean? where can i set it ? |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
I get a docs that use this :
$('.content-wrapper').IFrame({
onTabClick(item) {
return item;
},
onTabChanged(item) {
return item
},
onTabCreated(item) {
return item
},
autoIframeMode: true,
autoItemActive: true,
autoShowNewTab: true,
allowDuplicates: true,
loadingScreen: 750,
useNavbarItems: true
})
my code in this:
订单新增
欢迎使用
加载中......
and my javascript is :
onTabClick(ordercreate) {
console.log('123456789');
alert('onclictab!');
return ordercreate;
},
onTabChanged(item) {
return item
},
onTabCreated(item) {
return item
},
autoIframeMode: true,
autoItemActive: true,
autoShowNewTab: true,
allowDuplicates: true,
loadingScreen: 750,
useNavbarItems: true
})
I want know what is the 「item」 mean? where can i set it ?
Beta Was this translation helpful? Give feedback.
All reactions