@{
    ViewBag.Title = "";
    Layout = "~/Views/Shared/_LayoutTable.cshtml";
}
<div class="wrapper wrapper-content">
    <div class="ibox float-e-margins">
        <div class="ibox-content">
            <table class="table table-bordered table-striped table-hover" style="margin:0px;">
                <tr>
                    <td style="width:160px;">
                        <select id="selType"   style="width:inherit;">
                            <option value="1">按客户编号查询</option>
                            <option value="2">按客户全名查询</option>
                        </select>
                    </td>
                    <td>
                        <input type="text" id="nameORcode" onkeyup="cesi()"   />
                        <div id="NOC" style="position:absolute;width:inherit;border:1px solid red;z-index:9999;background-color:black;">
                            <table id="cesi"></table>
                        </div>
                    </td>
                    <td style="width:35%;">
                        <button id="btnSeach" onclick="Search()" class="btn btn-info btn-w-m" style="padding: 5px;"> 查询</button>&nbsp;
                        <button id="btnBack" class="btn btn-info btn-w-m" onclick="back()">返回上层</button>
                    </td>
                </tr>
            </table>
            <table id="businessTable"></table>
            <input type="hidden" id="parid" />
        </div>
    </div>
</div>
<script type="text/javascript">
    function back() {
        var selType = $("#selType option:selected").val();
        var nameORcode = $("#nameORcode").val();
        var parid = $("#parid").val()
        $('#businessTable').bootstrapTable('refresh', {
            url: "../DataQuery/GetBackClientName?selType=" + selType + "&nameORcode=" + nameORcode + "&parid=" + parid
        })
    }
    $(function () {
        $('#businessTable').bootstrapTable({
            url: '../DataQuery/GetClientName',         //请求后台的URL（*）
            method: 'post',                      //请求方式（*）
            toolbar: '#toolbar',                //工具按钮用哪个容器
            striped: true,                      //是否显示行间隔色
            pagination: true,                   //是否显示分页（*）
            sortOrder: "asc",                   //排序方式
            sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
            pageNumber: 1,                       //初始化加载第一页，默认第一页
            pageSize: 4,                       //每页的记录行数（*）
            pageList: [4, 5, 6],        //可供选择的每页的行数（*）
            minimumCountColumns: 2,  //最少允许的列数
            clickToSelect: true,              //是否启用点击选中行
            sortable: true,                     //是否启用排序
            silentSort: true,
            cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
            search: false,                       //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
            strictSearch: false,
            paginationFirstText: '首页',
            paginationLastText: '末页',
            paginationPreText: '上一页',
            paginationNextText: '下一页',
            showColumns: false,            //是否显示所有的列
            showRefresh: false,              //是否显示刷新按钮
            showToggle: false,                     //是否显示详细视图和列表视图的切换按钮
             cardView: false,                    //是否显示详细视图
            detailView: false,                   //是否显示父子表
            queryParams: function (params) {
                return {
                    pagesize: params.limit,//页面大小
                    page: params.offset, //页码
                };
            },//传递参数（*）
            columns: [

                { field: 'usercode', title: '编号' },
                {
                    field: 'fullname', title: '名称', formatter: function (value, row, index) {
                        return "<span style='color:red;'>" + row.fullname + "</span>";
                    }
                },
                { field: 'usercode', title: '地区' },
                { field: 'address', title: '地址' },
                 { field: "TypeID_", titie: "ID" }
            ],
            onDblClickRow: function (row, $element) {
                parent.$("#rsNum").val(row["fullname"]);
                parent.$("#uploadliginid").val(row["TypeID_"]);
                var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
                parent.layer.close(index);
            }, onClickCell: function (field, value, row) {
                if (field == 'fullname') {
                    if (row["sonnum"] == "0") {
                        layer.msg("已到最底层", { icon: 1, time: 2000 });
                        return;
                    }
                    var selType = $("#selType option:selected").val();
                    var nameORcode = $("#nameORcode").val();
                    var parid = row["TypeID_"];
                    $("#parid").val(parid);
                    $('#businessTable').bootstrapTable('refresh', {
                        url: "../DataQuery/GetClientName?selType=" + selType + "&nameORcode=" + nameORcode + "&parid=" + parid
                    })
                }
            }
        });
        $('#businessTable').bootstrapTable('hideColumn', 'TypeID_');
    });
    function Search() {
        var selType = $("#selType option:selected").val();
        var nameORcode = $("#nameORcode").val();
        $('#businessTable').bootstrapTable('refresh', {
            url: "../DataQuery/GetClientName?selType=" + selType + "&nameORcode=" + nameORcode
        })
    }
    function cesi() {
    }
</script>