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

@model String
@{
    var isone = Model.Split(';')[2] == "1";
    var cmno = Model.Split(';')[3];
    var regboxid = Model.Split(';')[4] ??"";
}
<div id="contentbox" class="findbox" style="width: 600px;">
    <h4><i class="fa fa-bars"></i> @Model.Split(';')[1]<a href="#" class="btn btn-default btn-xs f-r" onclick="hidecontentbox()">닫기</a></h4>
    <br />
    @Html.Partial("./Partial/Select", (List<NP.Model.CM>)ViewData["cms"], new ViewDataDictionary { { "special", "reg" },{ "df",":과정선택"},{ "selected",cmno}, { "name", "contentboxcmno" } })
    <input type="text" class="form-control search disp-init" placeholder="콘텐츠명을 입력하세요." id="findboxcontent" style="width: 250px" /><a href="#" class="btn btn-find btn-info btn-sm" onclick="findcontent()">검색</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 style="width:80px;">미리보기</th>
                        @Html.Raw(isone ? "<th style=\"width:80px\">선택</th>" : "")
                    </tr>
                </thead>
                <tbody class="data" id="contentlistbox"></tbody>
            </table>
        </div>
    </section>
    <div style="text-align: right; padding-left:30%;">
        <ul id="contentpaging" style="margin-left:auto; margin-right:auto;"></ul>
    </div>
    <div style="text-align: right; @(isone ?"display:none;":"")"><a href="#" class="btn btn-primary btn-xs" onclick="selectcontent()">선택</a></div>
    <br /><br />
</div>
<style type="text/css">
    ul#contentpaging li {float: left;}
        ul#contentpaging li a {margin-left: 1px;}
</style>
<script>
    var _contentpno = 1;
    var _contentptc = 0;
    var _contentlastpno = 1;
    var _contentregboxid = '@(regboxid)';
    function selectcontent() {
        if ($("#contentlistbox tr td input.autocheck:checked").length < 1) {
            msg2("콘텐츠를 선택해주세요.");
        }
        else {
            var v = "";
            $.each($("#contentlistbox tr td input.autocheck:checked"), function (i, c) {
                v += ";" + $(c).val();
            });
            $("#contentlistbox tr").remove();
            hidecontentbox();
            eval("@(Model.Split(';')[0])" + "('" + v.substr(1) + "')");
        }
    }
    function contentboxselectone(v){
        hidecontentbox();
        eval("@(Model.Split(';')[0])" + "('" + v + "')");
    }
    function contentboxviewregbox() {
        if ($('#contentboxregbox:visible').length < 1) {
            $('#contentboxregbox').show();
        }
        else {
            $('#contentboxregbox').hide();
        }
    }
    function findcontentshow() {
        $("#" + _contentregboxid).hide();
        bglayer();
        $("#contentbox").slideDown("fast");
    }
    function findcontent() {
        $("#contentlistbox").html("");
        //if (val("findboxcontent") == "") {
        //    alert("이름을 입력해주세요.");
        //}
        capp("/acommon/contentfind", { cmno: val("contentboxcmno"), ctname: val("findboxcontent"), pno: _contentpno }, "cbfindcontent", null, null, true, true);
    }
    function cbfindcontent() {
        if (capResult.code == 1000) {
            $.each($(capResult.obj), function (i, r) {
                var ccname = "";
                if (!isnulloremt(r.ccname1)) { ccname += "[" + getdb(r.ccname1) + "]" };
                if (!isnulloremt(r.ccname2)) { ccname += "[" + getdb(r.ccname2) + "]" };
                if (!isnulloremt(r.ccname3)) { ccname += "[" + getdb(r.ccname3) + "]" };
                if (!isnulloremt(r.ccname4)) { ccname += "[" + getdb(r.ccname4) + "]" };
                if (!isnulloremt(r.ccname5)) { ccname += "[" + getdb(r.ccname5) + "]" };
                $("#contentlistbox").append("<tr>" + ('@(isone?1:0)' == '1' ? "" : ("<td><input type=\"checkbox\" class=\"autocheck\" value=\"" + r.ctno + ":" + r.ctname.replace(/:/gi, '|').replace(/;/gi, '|') + "\" /></td>")) + "<td class=\"text-left\">" + "[" + r.ccode + "][" + r.ctypename + "]"+"[" + getdb(r.cname)+"]"+ ccname + "<br /><b>" + r.ctname + "</b></td><td style=\"width:80px\"><a href=\"#\" class=\"btn btn-xxs btn-select\" onclick=\"viewcontent(" + r.ctno + ")\">보기</a></td>" + ('@(isone?1:0)' == '1' ? "<td style=\"width:80px\"><a href=\"#\" class=\"btn btn-xxs btn-select\" onclick=\"contentboxselectone('" + r.ctno + " :" + r.ccode + ":" + r.ctypename + ":" + getdb(r.cname) + ":" + getdb(r.cc1name) + ":" + getdb(r.cc2name)+":"+ getdb(r.cc3name)+":"+ getdb(r.cc4name)+":"+ getdb(r.cc5name)+":" + r.ctname.replace(/:/gi, '|').replace(/;/gi, '|') + "')\">선택</a></td>" : "") + "</tr>");
            });
            $("#contentpaging").html("");
            _contentptc = capResult.obj.length < 1 ? 0 : capResult.obj[0].pagetotalcount;
            if (_contentptc > 10) {
                if (_contentpno > 10) {
                    $("#contentpaging").append("<li><a data-pageno=\"-1\" class=\"pagea btn btn-xxs btn-default\"><<</a></li>");
                }
                if (_contentpno > 1) {
                    $("#contentpaging").append("<li><a data-pageno=\"-2\" class=\"pagea btn btn-xxs btn-default\"><</a></li>");
                }
                _contentlastpno = (getint(_contentptc / 10) + (_contentptc % 10 > 0 ? 1 : 0));
                var pstart = getint((_contentpno - 1) / 10) * 10 + 1;
                for (var i = pstart; i < pstart + 10; i++) {
                    $("#contentpaging").append("<li><a data-pageno=\"" + i + "\" class=\"pagea btn btn-xxs btn-default " + (_contentpno == i ? "active" : "") + " \">" + i + "</a></li>");
                    if (i == _contentlastpno) {
                        break;
                    }
                }
                if (_contentpno < _contentlastpno) {
                    $("#contentpaging").append("<li><a data-pageno=\"-3\" class=\"pagea btn btn-xxs btn-default\">></a></li>");
                    $("#contentpaging").append("<li><a data-pageno=\"-4\" class=\"pagea btn btn-xxs btn-default\">>></a></li>");
                }
            }
        }
    }
    function hidecontentbox() {
        if (_contentregboxid != "") {
            $('#contentbox').slideUp('fast'); $('#' + _contentregboxid).slideDown('fast');
        } else {
            $('#contentbox').slideUp('fast'); $('#bglayer').hide();
        }
    }
    $(document).ready(function () {
        $("#contentbox").css("z-index", "1042");
        $("#findboxcontent").on("keyup", function () {
            _contentpno = 1;
        });
        $("body").on("click", "#contentpaging a.btn.pagea", function () {
            if (!$(this).hasClass("active")) {
                if ($(this).attr("data-pageno") == "-1") {
                    _contentpno = 1;
                }
                else if ($(this).attr("data-pageno") == "-2") {
                    _contentpno -= 1;
                }
                else if ($(this).attr("data-pageno") == "-3") {
                    _contentpno += 1;
                }
                else if ($(this).attr("data-pageno") == "-4") {
                    _contentpno = _contentlastpno;
                }
                else {
                    _contentpno = getint($(this).attr("data-pageno"));
                }
                findcontent();
            }
        });
    });
</script>