首頁  >  文章  >  web前端  >  bootStrap按鈕格式化操作

bootStrap按鈕格式化操作

PHPz
PHPz原創
2017-09-22 09:31:462006瀏覽

1      Html

<th class="col-xs-4" data-field="operation" data-formatter="actionFormatter"
    data-events="actionEvents" data-align="center" vertical-align:middle!important; >
    操作
</th>

2      Js

2.1  格式化

//格式化操作按钮
function actionFormatter(value, row, index) {
    return getOperation(row[&#39;id&#39;],row[&#39;pic&#39;],row[&#39;name&#39;]);
}

2.2  具體格式化

function getOperation(id,pic,value){
    return operation='53b0c3299c417ffd745faa027a336c1e'+
        'e19fca7a4dda168910bbb3e6b490cb39'+
        '9a2cb2acd65afd055dc1a10d82249bfd72ac96585ae54b6ae11f849d2649d9e6'+
        '5db79b134e9f6b82c0b36e0489ee08ed'+
        '7c7733495415784962da5e7bbec408d3'+
        '09a8da9bf271a5fa067eb4d948b7152f72ac96585ae54b6ae11f849d2649d9e6'+
        '5db79b134e9f6b82c0b36e0489ee08ed'+
        '6583a5669aacd39b4226a5405eca3160'+
        'a394e3c3bd5a5b14a0a235e4b3fcab1172ac96585ae54b6ae11f849d2649d9e6'+
        '5db79b134e9f6b82c0b36e0489ee08ed'+
        '94b3e26ee717c64999d7867364b1b4a3'+
        '9ce08da0d464b5d99e22106867dabdcb'+
        '09b9a689838769a259afc7171fc1e2e9'+
        'ca83ddd7bc1537de82b4c8f0f2e48152'+
        '189321dc66b013ce9af3e54fabc449cc72ac96585ae54b6ae11f849d2649d9e6'+
        '65281c5ac262bf6d81768915a4a77ac0'+
        '8a801fc5b872ba8bb9f97b0e1aaa5e6d'+
        '25edfb22a4f469ecb59f1190150159c6'+
        '57963cb904025ee5010642f4da6ed090'+
        'b24814b1d39464b50eb04ef1da26df59'+
        '963f467e16ac4d4bdc641aa45060bc2c72ac96585ae54b6ae11f849d2649d9e6'+
        '54bdf357c58b8a65c66d7c19c8e4d114'+
        '5db79b134e9f6b82c0b36e0489ee08ed'+
        'bed06894275b65c1ab86501b08a632eb'+
        ' 25edfb22a4f469ecb59f1190150159c6'+
        'e48325c1a4a803c82334a63c096f4f66'+
        ' b3b576e7d6c38a0f42a5281f0f26ff14'+
        ' 908da4e6133c7c4356c326476f60bf2772ac96585ae54b6ae11f849d2649d9e6'+
        '54bdf357c58b8a65c66d7c19c8e4d114'+
        ' 5db79b134e9f6b82c0b36e0489ee08ed'+
        'bed06894275b65c1ab86501b08a632eb'+
        '25edfb22a4f469ecb59f1190150159c6'+
        '93c3115548da49cff030a85d2bbf4081'+
        'c2bb7c45fa5071376da8b03d6eaeee30'+
        'b991a635041da4af6e8055bc6eae859172ac96585ae54b6ae11f849d2649d9e6'+
        ' 54bdf357c58b8a65c66d7c19c8e4d114'+
        ' 5db79b134e9f6b82c0b36e0489ee08ed'+
        ' bed06894275b65c1ab86501b08a632eb'+
        '929d1f5ca49e04fdcb27f9465b944689'+
        ' 94b3e26ee717c64999d7867364b1b4a3'+
        ' 94b3e26ee717c64999d7867364b1b4a3';
}

3      效果圖

【相關影片推薦:Bootstrap教學

以上是bootStrap按鈕格式化操作的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn