<div class="container">
    <div id="toolbar">
        <button id="remove" class="btn btn-danger" disabled>
            <i class="glyphicon glyphicon-remove"></i> Delete
        </button>
    </div>
    <table id="mytable">
        <thead>
            <tr>
                <th data-field="rowid" data-checkbox="true"></th>
                <th data-field="Name" data-editable="true">部門名稱</th>
                <th data-field="ParentName">上級部門</th>
                <th data-field="Level" data-editable="true">部門級別</th>
                <th data-field="Desc" data-editable="true">描述</th>
            </tr>
        </thead>
    </table>
</div>
<link rel="stylesheet" href="common/bootstrap-table/bootstrap-table.css">
<link rel="stylesheet" href="common/bootstrap-table/bootstrap-editable.css">
<script type="text/javascript" src="common/bootstrap-table/bootstrap-table.js"></script>
<script type="text/javascript" src="common/bootstrap-table/bootstrap-editable.js"></script>
<script type="text/javascript" src="common/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>

<script>
    $('#mytable').bootstrapTable({
        url: 'test_table',         //請求后臺的URL（*）
        dataField: "rows",//服務端返回數(shù)據(jù)鍵值 就是說記錄放的鍵值是rows，分頁時使用總記錄數(shù)的鍵值為total
        cache: false,//是否使用緩存，默認為true
        search: true,//是否搜索
        pagination: true,//是否分頁
        pageSize: 5,//單頁記錄數(shù)
        pageNumber: 1,//初始化加載第一頁，默認第一頁
        pageList: [5, 10, 20, 50],//分頁步進值
        sidePagination: "server",//分頁方式：client客戶端分頁，server服務端分頁
        paginationFirstText: "首頁",
        paginationPreText: "上一頁",
        paginationNextText: "下一頁",
        paginationLastText: "末頁",
        clickToSelect: true,//是否啟用點擊選中行
        dataType: "json",//期待返回數(shù)據(jù)類型
        method: "get",//請求方式
        searchAlign: "left",//查詢框對齊方式
        locale: "zh-CN",//中文支持,
        detailView: true, //是否顯示詳情折疊
        detailFormatter: function(index, row, element) {
                var html = '';
                $.each(row, function(key, val){
                    html += "<p>" + key + ":" + val +  "</p>"
                });
                return html;
        },
        queryParamsType: "limit",//查詢參數(shù)組織方式
        queryParams: function getParams(params) {
                //自定義傳遞參數(shù)
                params.other = "otherInfo";
                return params;
            },
        searchOnEnterKey: false,//回車搜索
        showRefresh: true,//刷新按鈕
        showColumns: true,//列選擇按鈕
        buttonsAlign: "left",//按鈕對齊方式
        toolbar: "#toolbar",//指定工具欄
        toolbarAlign: "right",//工具欄對齊方式
        columns: [
            {
                field: "rowid",
                title: "全選",
                checkbox: true,
            },
            {
                field: 'Name',
                title: '部門名稱',
                editable:true
            }, {
                field: 'ParentName',
                title: '上級部門'
            }, {
                field: 'Level',
                title: '部門級別'
            }, {
                field: 'Desc',
                title: '描述'
            },
        ]
    });
</script>

創(chuàng)新互聯(lián)www.cdcxhl.cn，專業(yè)提供香港、美國云服務器，動態(tài)BGP最優(yōu)骨干路由自動選擇，持續(xù)穩(wěn)定高效的網(wǎng)絡助力業(yè)務部署。公司持有工信部辦法的idc、isp許可證， 機房獨有T級流量清洗系統(tǒng)配攻擊溯源，準確進行流量調度，確保服務器高可用性。佳節(jié)活動現(xiàn)已開啟，新人活動云服務器買多久送多久。

目前成都創(chuàng)新互聯(lián)公司已為千余家的企業(yè)提供了網(wǎng)站建設、域名、網(wǎng)絡空間、網(wǎng)站改版維護、企業(yè)網(wǎng)站設計、石林網(wǎng)站維護等服務，公司將堅持客戶導向、應用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

當前題目：bootstrapTable-創(chuàng)新互聯(lián)
本文URL：http://aaarwkj.com/article28/ddddcp.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護、App開發(fā)、網(wǎng)站排名、品牌網(wǎng)站制作、品牌網(wǎng)站建設、做網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)