Hplus的杂七杂八的临时代码二（List)

2017-02-24 12:41:12 访问(1576) 赞(0) 踩(0)

 

<!DOCTYPE html>
<html>


<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

 
    <link href="<%=HPlusLibPhyPath %>/css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="<%=HPlusLibPhyPath %>/css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
    <link href="<%=HPlusLibPhyPath %>/css/plugins/iCheck/custom.css" rel="stylesheet">
    <link href="<%=HPlusLibPhyPath %>/css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
    <link href="<%=HPlusLibPhyPath %>/css/animate.min.css" rel="stylesheet">
    <link href="<%=HPlusLibPhyPath %>/css/style.min862f.css?v=4.1.0" rel="stylesheet">
    <link href="<%=HPlusLibPhyPath %>/css/plugins/toastr/toastr.min.css" rel="stylesheet">
    <link href="<%=HPlusLibPhyPath %>/css/slowx.css" rel="stylesheet">
</head>

<body class="gray-bg">
    <div class="wrapper wrapper-content-slowx animated fadeInRight">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>新增用户权限</h5>
                    </div>
                    <div class="ibox-content">
                        <table data-toggle="table" id="test-table">
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script type="text/javascript" src="<%=HPlusLibPhyPath %>/js/jquery.min.js?v=2.1.4"></script>
    <script type="text/javascript" src="<%=HPlusLibPhyPath %>/js/bootstrap.min.js?v=3.3.6"></script>
    <script type="text/javascript" src="<%=HPlusLibPhyPath %>/js/content.min.js?v=1.0.0"></script>
    <script type="text/javascript" src="<%=HPlusLibPhyPath %>/js/plugins/iCheck/icheck.min.js"></script>
    <script type="text/javascript" src="<%=HPlusLibPhyPath %>/js/plugins/toastr/toastr.min.js"></script>
    <script type="text/javascript" src="<%=HPlusLibPhyPath %>/js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
    <script type="text/javascript" src="<%=HPlusLibPhyPath %>/js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
    <script type="text/javascript" src="<%=HPlusLibPhyPath %>/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>

    <script>
        $(document).ready(function () { $(".i-checks").iCheck({ checkboxClass: "icheckbox_square-green", radioClass: "iradio_square-green", }) });
    </script>

    <script type="text/javascript">

        toastr.options = {
            closeButton: false,
            debug: false,
            progressBar: true,
            positionClass: "toast-top-center",
            onclick: null,
            showDuration: "300",
            hideDuration: "1000",
            timeOut: "2000",
            extendedTimeOut: "1000",
            showEasing: "swing",
            hideEasing: "linear",
            showMethod: "fadeIn",
            hideMethod: "fadeOut"
        };

        function AjaxSaveData() {
            var theResult = [];

            theResult.push({ name: "ZXCtrl1", value: $("#ZXCtrl1").val() });
            theResult.push({ name: "ZXCtrl1", value: $("#ZXCtrl1").val() });

            return theResult;

        }

        var one = false;

        function AjaxSave() {

            one = !one;

            if (one) {
                $("#txt_ShowSeq").parent().addClass("has-error");
                toastr.warning("你有新消息了!");
                $("img").attr("width", "180");
            }
            else {
                $("#txt_ShowSeq").parent().removeClass("has-error");
                toastr.error("你有新消息了!");
            }//var ajaxUrl = "Demo.aspx?action=List";

            //var ajaxData = AjaxDetailData();

            //$.ajax({
            //    cache: false,
            //    async: true,
            //    url: ajaxUrl,
            //    type: "post",
            //    data: ajaxData,
            //    success: function (data) {
            //        alert(data);
            //    }
            //});

        }

        $("#test-table").bootstrapTable({
            // 请求方法
            method: 'get',
            // 是否显示行间隔色
            striped: true,
            // 是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）     
            cache: false,
            //是否显示分页（*）  
            pagination: true,
            //是否启用排序  
            sortable: false,
            //排序方式 
            sortOrder: "asc",
            //初始化加载第一页，默认第一页
            //我设置了这一项，但是貌似没起作用，而且我这默认是0,- -
            //pageNumber:1,   
            //每页的记录行数（*）   
            pageSize: 10,
            //可供选择的每页的行数（*）    
            pageList: [10, 25, 50, 100],
            //这个接口需要处理bootstrap table传递的固定参数,并返回特定格式的json数据  
            url: "json.aspx",
            queryParams: function(params) {
                return {
                    pageNumber: params.offset+1,
                    pageSize: params.limit,
                    companyId: "canoe",
                    name:"my?na@m&e"
                };
            },
            //分页方式：client客户端分页，server服务端分页（*）
            sidePagination: "server",
            //是否显示搜索
            search: false,
            //Enable the strict search.    
            strictSearch: true,
            //Indicate which field is an identity field.
            idField: "id",
            columns: [{
                field: 'id',
                title: 'id',
                align: 'center'
            }, {
                field: 'name',
                title: '测试标识',
                align: 'center'
            }],
            pagination: true
        });
    </script>

</body>

</html>