BootDo框架中使用bootstrap設定多個按鈕的下拉按鈕
阿新 • • 發佈:2019-02-18
直接進入對應的列表頁面的js:
這裡面我利用bootdo設定了許可權,根據許可權顯示不同的按鈕,同時我需要在外面顯示一個按鈕,倒三角內顯示下拉按鈕;
{
title: '操作',
field: 'id',
align: 'left',
formatter: function (value, row, index) {
var a = '<a href="#" mce_href="#" ' +
'onclick="read(\'' + row.id + '\',\'' + row.type + '\')" class=" '+s_read_h+'"><i class="btn btn-info btn-xs" >詳情</i></a> ';
var b = '<a href="#" mce_href="#" onclick="read2(\''
+ row.id
+ '\')" class=" '+s_read2_h+'"><i class="btn btn-info btn-xs">詳情2</i></a> ' ;
var c = '';
var g = '';
var h = '';
if (row.s2== 1) {
c += '<a href="#" mce_href="#" ' +
'onclick="edit(\'' + row.s2 + '\',\'' + row.type2 + '\')" class=" '+s_read3_h+'"><i class="btn btn-info btn-xs">詳情3</i></a> ' ;
} else {
if (...) {
if (...) {
c += ...
} else {
c += ...
}
h += ...
} else {
g += ...
}
}
var d= ...
var e= ...
var f = ...
var menu = '<div class="btn-group " ><nobr>'+
'<button data-toggle="dropdown" class="btn btn-info btn-xs dropdown-toggle " onclick="" >' +
'<span class="caret" ></span> ' +
'<span class="sr-only">Toggle Dropdown</span>'+
'</button> ' +
'<ul class="dropdown-menu" role="menu" >' +
'<li>'+b+'</li> ' +
'<li>'+c+'</li> ' +
'<li>'+d+'</li> ' +
'<li>'+e+'</li> ' +
'<li>'+f+'</li> ' +
'<li>'+g+'</li> ' +
'<li>'+h+'</li> ' +
' </ul>' +
'</nobr></div>';
if(s_read_h =='hidden' && s_read2_h =='hidden' && s_read3_h =='hidden' && ...){
return ;
}else if( s_read2_h =='hidden' && s_read3_h =='hidden' &&...){
return a;
}else{
return a+menu;
}
}
}]