YNICTE/BO/Views/Shared/Partial/AssignBox2.cshtml

@model String
    @{ 
        var isone = Model.Split(';')[2] == "1";
    }
<div id="assignbox" class="findbox" style="width: 600px;z-index:2001;">
    <h4><i class="fa fa-bars"></i> @Model.Split(';')[1]<a href="#" class="btn btn-default btn-xs f-r" onclick="hideassignbox()">닫기</a></h4>
    <br />
    <input type="text" class="form-control search disp-init" placeholder="고객사명을 입력하세요." id="findboxassign" style="width: 250px" /><a href="#" class="btn btn-find btn-info btn-sm" onclick="findassign()">검색</a>
    <br /><br />
    <section class="panel panel-default" style="max-height: 300px; overflow: auto; min-height: 67px;">
        <div class="table-responsive" id="excel1">
            <table class="table table-striped b-t b-light" style="table-layout: fixed; white-space: nowrap;">
                <thead>
                    <tr>
                        @Html.Raw(isone ? "" : "<th width=\"50\"><input type=\"checkbox\" onclick=\"javascript: checkall('excel1', this);\" /></th>")
                        <th>고객사명</th>
                        <th>사업자등록번호</th>
                        @Html.Raw(isone ? "<th>선택</th>" : "")
                    </tr>
                </thead>
                <tbody class="data" id="assignlistbox"></tbody>
            </table>
        </div>
    </section>
    <div style="text-align: right;">
        <ul id="assignpaging"></ul>
    </div>
    <div style="text-align: right; @(isone ?"display:none;":"")"><a href="#" class="btn btn-primary btn-xs" onclick="selectassign()">선택</a></div>
    <br /><br />
</div>
<style type="text/css">
    ul#assignpaging li{float: left;}
    ul#assignpaging li a{margin-left: 1px;}
</style>
<script>
    var _assignpno = 1;
    var _assignptc = 0;
    var _assignlastpno = 1;
    function selectassign() {
        if ($("#assignlistbox tr td input.autocheck:checked").length < 1) {
            msg2("고객사를 선택해주세요.");
        }
        else {
            var v = "";
            $.each($("#assignlistbox tr td input.autocheck:checked"), function (i, c) {
                v += ";" + $(c).val();
            });
            $("#assignlistbox tr").remove();
            hideassignbox();
            eval("@(Model.Split(';')[0])" + "('" + v.substr(1) + "')");
        }
    }
    function assignboxselectone(v){
        hideassignbox(); 
        @(Model.Split(';')[0])(capResult.obj[v]);
    }
    function assignboxviewregbox() {
        if ($('#assignboxregbox:visible').length < 1) {
            $('#assignboxregbox').show();
        }
        else {
            $('#assignboxregbox').hide();
        }
    }
    function findassignshow() {
        $("#assignlistbox tr").remove();
        $("#assignpaging").html("");
        bglayer2();
        $("#assignbox").slideDown("fast");
    }
    function findassign() {
        $("#assignlistbox").html("");
        //if (val("findboxassign") == "") {
        //    alert("이름을 입력해주세요.");
        //}
        capp("/acommon/assignfind2", { asname: val("findboxassign"), pno: _assignpno }, "cbfindassign", null, null, true, false);
    }
    function cbfindassign() {
        if (capResult.code == 1000) {
            $.each($(capResult.obj), function (i, r) {
                $("#assignlistbox").append("<tr>" + ('@(isone?1:0)' == '1' ? "" : ("<td><input type=\"checkbox\" class=\"autocheck\" value=\"" + r.asno + ":" + r.asname.replace(/:/gi, '|').replace(/;/gi, '|') + "\" /></td>")) + "<td>" + r.asname + "</td><td>" + getdb(r.brnofmt).replace(/:/gi, '|').replace(/;/gi, '|') + "</td>" + ('@(isone?1:0)' == '1' ? "<td><a href=\"#\" class=\"btn btn-xxs btn-select\" onclick=\"assignboxselectone(" + i + ")\">선택</a></td>":"")+"</tr>");
            });
            $("#assignpaging").html("");
            _assignptc = capResult.obj.length < 1 ? 0 : capResult.obj[0].pagetotalcount;
            if (_assignptc > 10) {
                if (_assignpno > 10) {
                    $("#assignpaging").append("<li><a data-pageno=\"-1\" class=\"pagea btn btn-xxs btn-default\"><<</a></li>");
                }
                if (_assignpno > 1) {
                    $("#assignpaging").append("<li><a data-pageno=\"-2\" class=\"pagea btn btn-xxs btn-default\"><</a></li>");
                }
                _assignlastpno = (getint(_assignptc / 10) + (_assignptc % 10 > 0 ? 1 : 0));
                var pstart = getint((_assignpno - 1) / 10) * 10 + 1;
                for (var i = pstart; i < pstart + 10; i++) {
                    $("#assignpaging").append("<li><a data-pageno=\"" + i + "\" class=\"pagea btn btn-xxs btn-default " + (_assignpno == i ? "active" : "") + " \">" + i + "</a></li>");
                    if (i == _assignlastpno) {
                        break;
                    }
                }
                if (_assignpno < _assignlastpno) {
                    $("#assignpaging").append("<li><a data-pageno=\"-3\" class=\"pagea btn btn-xxs btn-default\">></a></li>");
                    $("#assignpaging").append("<li><a data-pageno=\"-4\" class=\"pagea btn btn-xxs btn-default\">>></a></li>");
                }
            }
        }
    }
    function hideassignbox() {
        $('#assignbox').slideUp('fast'); $('#bglayer2').hide();
    }
    $(document).ready(function () {
        $("#findboxassign").on("keyup", function () {
            _assignpno = 1;
        });
        $("body").on("click", "#assignpaging a.btn.pagea", function () {
            if (!$(this).hasClass("active")) {
                if ($(this).attr("data-pageno") == "-1") {
                    _assignpno = 1;
                }
                else if ($(this).attr("data-pageno") == "-2") {
                    _assignpno -= 1;
                }
                else if ($(this).attr("data-pageno") == "-3") {
                    _assignpno += 1;
                }
                else if ($(this).attr("data-pageno") == "-4") {
                    _assignpno = _assignlastpno;
                }
                else {
                    _assignpno = getint($(this).attr("data-pageno"));
                }
                findassign();
            }
        });
    });
</script>