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
Uh oh!
There was an error while loading. Please reload this page.
-
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