src/ZKEACMS.WebHost/wwwroot/js/LayoutDesign.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

/*! http://www.zkea.net/
 * Copyright (c) ZKEASOFT. All rights reserved.
 * http://www.zkea.net/licenses */

$(function () {
    var container = $("#containers");
    if (container.children().size() > 0 && container.children(".container").size() === 0 && container.children(".container-fluid").size() === 0) {
        var containerItem = $('<div class="container"></div>');
        container.children().appendTo(containerItem);
        container.append(containerItem);
    }
    var containerTools = [
        '<div class="tools">',
        '<i class="glyphicon glyphicon-resize-horizontal" title="拉伸"></i>',
        '<i class="glyphicon glyphicon-resize-small" title="居中"></i>',
        '<i class="glyphicon glyphicon-sort" title="拖动排序"></i>',
        '<i class="glyphicon glyphicon-erase custom-style-editor" title="编辑样式"></i>',
        '<i class="glyphicon glyphicon-remove-circle" title="删除"></i>',
        '</div>'
    ].join('');
    var rowTools = [
        '<div class="tools">',
        '<i class="glyphicon glyphicon-remove-circle" title="删除"></i>',
        '</div>'].join('');
    var colTools = [
        '<div class="tools">',
        '<i class="glyphicon glyphicon-menu-left" title="宽度 - 1"></i>',
        '<i class="glyphicon glyphicon glyphicon-menu-right" title="宽度 + 1"></i>',
        '<i class="glyphicon glyphicon-remove-circle" title="删除"></i>',
        '</div>'].join('');
    function getNewZone() {
        var zoneParent = $('<div class="additional zone"></div>');
        var zone = $("<zone></zone>");
        zone.append('<input class="form-control" type="text" name="ZoneName" placeholder="输入名称" value="区域 ' + ($("#containers input[type=text]").size() + 1) + '" />');
        zone.append('<input class="form-control" type="hidden" name="LayoutId" value="' + $("#LayoutId").val() + '" />');
        zone.append('<input class="form-control" type="hidden" name="ID" value="" />');
        zone.append('<input class="form-control" type="hidden" name="HeadingCode" value="" />');
        zoneParent.append(zone);
        return zoneParent;
    }
    $(document).on("click", "#toolBar .col-size a", function () {
        $("#add-col-handle").attr("data-val", $(this).data("val")).find(".col-size-info").text($(this).text());
        $(this).parent().parent().find(".active").removeClass("active");
        $(this).parent().addClass("active");
    });
    $(".AddContainer").draggable({ helper: "clone" });
    $(".AddRow").draggable({ helper: "clone", revert: "invalid", connectToSortable: ".container,.container-fluid" });
    $(".AddCol").draggable({ helper: "clone", connectToSortable: ".additional.row" });
    $(".templates ul li").draggable({ helper: "clone", connectToSortable: "#containers>div" });

    var colSortOption = {
        placeholder: "additional",
        tolerance: "pointer",
        connectWith: ".additional.row",
        over: function (event, ui) {
            if (ui.item.hasClass("AddCol")) {
                ui.placeholder.addClass(ui.item.data("col") + ui.item.data("val")).html('<div class="colContent row muted"></div>');
            } else {
                ui.placeholder.addClass(ui.item.attr("class")).html('<div class="colContent row muted"></div>');
            }