1. 程式人生 > >BootDo框架中使用bootstrap設定多個按鈕的下拉按鈕

BootDo框架中使用bootstrap設定多個按鈕的下拉按鈕

直接進入對應的列表頁面的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; } } }]