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

@model String
@{ 
    var cmname = Model.Split(';')[2] == "0" ? "강좌" : Model.Split(';')[2] == "91" ? "강좌/패키지" : "과정";
    var cshape = Model.Split(';').Length > 3 ? Model.Split(';')[3] : "";
    var issingle = Model.Split(';').Length > 4 && Model.Split(';')[4] == "1";
}
<input type="hidden" id="cmboxismaster" value="@Model.Split(';')[2]" />
<div id="cmbox" class="findbox" style="width: 800px;">
    <h4><i class="fa fa-bars"></i> @Model.Split(';')[1]<a href="#" class="btn btn-default btn-xs f-r" onclick="hidecmbox()">닫기</a></h4>
    <br />
    <input type="text" class="form-control search disp-init" placeholder="@(cmname)명을 입력하세요." id="findboxcm" style="width: 250px" /><a href="#" class="btn btn-find btn-info btn-sm" onclick="findcm()">검색</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>
                        <th width="50" style="@(issingle?"display: none;":"")"><input type="checkbox" onclick="javascript: checkall('excel1', this);" /></th>
                        <th width="50">No</th>
                        <th width="80">코드</th>
                        <th>분류</th>
                        <th>@(cmname)명</th>
                    </tr>
                </thead>
                <tbody class="data" id="cmlistbox"></tbody>
            </table>
        </div>
    </section>
    <div style="text-align: right;">
        <ul id="cmpaging"></ul>
    </div>
@if (!issingle)
{
    <div style="text-align: right;"><a href="#" class="btn btn-primary btn-xs" onclick="selectcm()">선택</a></div>
}
    <br /><br />
</div>
<style type="text/css">
    ul#cmpaging li{float: left;}
    ul#cmpaging li a{margin-left: 1px;}
</style>
<script>
    var _cmpno = 1;
    var _cmptc = 0;
    var _cmlastpno = 1;
    function selectcm() {
        if ($("#cmlistbox tr td input.autocheck:checked").length < 1) {
            msg2("@(cmname)을 선택해주세요.");
        }
        else {
            var v = "";
            $.each($("#cmlistbox tr td input.autocheck:checked"), function (i, c) {
                v += ";" + $(c).val();
            });
            $("#cmlistbox tr").remove();
            hidecmbox();
            eval("@(Model.Split(';')[0])" + "('" + v.substr(1) + "')");
        }
    }
    function cmboxviewregbox() {
        if ($('#cmboxregbox:visible').length < 1) {
            $('#cmboxregbox').show();
        }
        else {
            $('#cmboxregbox').hide();
        }
    }
    function findcmshow() {
        $("#cmlistbox tr").remove();
        $("#cmpaging").html("");
        bglayer();
        $("#cmbox").slideDown("fast");
        focus("findboxcm");
    }
    function findcm() {
        $("#cmlistbox").html("");
        //if (val("findboxcm") == "") {
        //    alert("이름을 입력해주세요.");
        //}
        capp("/acommon/cmget", { tmno: (cmboxtmno || 0) < 1 ? null : cmboxtmno, cshape: @(cshape == "" ? "null" : cshape), notcmno: (cmboxnotcmno || "") == "" ? null : (cmboxnotcmno || "").toString().indexOf(',') < 0 ? (cmboxnotcmno || "") : null, notcmnos: (cmboxnotcmno || "") == "" || (cmboxnotcmno || "").toString().indexOf(',') < 0 ? null : (cmboxnotcmno || ""), ismaster: val("cmboxismaster"), cname: val("findboxcm"), pno: _cmpno }, "cbfindcm", null, null, true, true);
    }
    function cbfindcm() {
        if (capResult.code == 1000) {
            $.each($(capResult.obj), function (i, r) {
                $("#cmlistbox").append("<tr><td style=\""+(@(issingle?1:0)==1?"display:none;":"")+"\"><input type=\"checkbox\" class=\"autocheck\" value=\""
                    + r.cmno + ":"
                    + getdb(r.cname).replace(/:/gi, '|').replace(/;/gi, '|') + ":"
                    + getdb(r.tmname).replace(/:/gi, '|').replace(/;/gi, '|') + ":"
                    + getdb(r.cshapename).replace(/:/gi, '|').replace(/;/gi, '|') + ":"
                    + getdb(r.classno).replace(/:/gi, '|').replace(/;/gi, '|') + ":"
                    + getint(r.infee) + ":"
                    + getint(r.outfee)
                    + "\" /></td><td>" + r.rnorvt + "</td><td>"+r.cmno+"</td><td>" + r.pcgname + " | " + r.cgname + "</td>" +
                    (@(issingle?1:0)==1?("<td class=\"text-left link\"><a href=\"#\" onclick=\"$(this).closest('tr').find('input.autocheck').prop('checked', true);selectcm()\">["+ r.ismastername + "] " + r.cname.replace(/:/gi, '|').replace(/;/gi, '|') + "</a></td>"):("<td class=\"text-left\">" + r.cname.replace(/:/gi, '|').replace(/;/gi, '|') + "</td>")) +
                    "</tr>");
            });
            $("#cmpaging").html("");
            _cmptc = capResult.obj.length < 1 ? 0 : capResult.obj[0].pagetotalcount;
            if (_cmptc > 10) {
                if (_cmpno > 10) {
                    $("#cmpaging").append("<li><a data-pageno=\"-1\" class=\"pagea btn btn-xxs btn-default\"><<</a></li>");
                }
                if (_cmpno > 1) {
                    $("#cmpaging").append("<li><a data-pageno=\"-2\" class=\"pagea btn btn-xxs btn-default\"><</a></li>");
                }
                _cmlastpno = (getint(_cmptc / 10) + (_cmptc % 10 > 0 ? 1 : 0));
                var pstart = getint((_cmpno - 1) / 10) * 10 + 1;
                for (var i = pstart; i < pstart + 10; i++) {
                    $("#cmpaging").append("<li><a data-pageno=\"" + i + "\" class=\"pagea btn btn-xxs btn-default " + (_cmpno == i ? "active" : "") + " \">" + i + "</a></li>");
                    if (i == _cmlastpno) {
                        break;
                    }
                }
                if (_cmpno < _cmlastpno) {
                    $("#cmpaging").append("<li><a data-pageno=\"-3\" class=\"pagea btn btn-xxs btn-default\">></a></li>");
                    $("#cmpaging").append("<li><a data-pageno=\"-4\" class=\"pagea btn btn-xxs btn-default\">>></a></li>");
                }
            }
        }
    }
    function hidecmbox() {
        $('#cmbox').slideUp('fast'); $('#bglayer').hide();
    }
    $(document).ready(function () {
        $("#findboxcm").on("keyup", function () {
            _cmpno = 1;
        });
        $("body").on("click", "#cmpaging a.btn.pagea", function () {
            if (!$(this).hasClass("active")) {
                if ($(this).attr("data-pageno") == "-1") {
                    _cmpno = 1;
                }
                else if ($(this).attr("data-pageno") == "-2") {
                    _cmpno -= 1;
                }
                else if ($(this).attr("data-pageno") == "-3") {
                    _cmpno += 1;
                }
                else if ($(this).attr("data-pageno") == "-4") {
                    _cmpno = _cmlastpno;
                }
                else {
                    _cmpno = getint($(this).attr("data-pageno"));
                }
                findcm();
            }
        });
    });
</script>