Rumah  >  Artikel  >  hujung hadapan web  >  bootStrap按钮格式化操作

bootStrap按钮格式化操作

PHPz
PHPzasal
2017-09-22 09:31:461996semak imbas

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教程

Atas ialah kandungan terperinci bootStrap按钮格式化操作. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel berkaitan

Lihat lagi