src/ZKEACMS.Product/Views/Product/Sort.cshtml

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

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

@using ZKEACMS.Product.Models
@using Easy.ViewPort.jsTree
@{
    Script.Reqiured("jQueryUi").AtFoot();
    Script.Reqiured("jsTree").AtFoot();
    Style.Reqiured("jsTree").AtHead();
    var categoryTree = Html.Tree<ProductCategory>().Source("GetProductCategoryTree", "ProductCategory")
        .On(Events.ActiveNode, "ActiveNode");
}
<div>
    <div class="row">
        <div class="col-md-4">
            <div class="panel panel-default">
                <div class="panel-heading">
                    @L("Product Category")
                </div>
                <div class="panel-body">
                    @categoryTree
                </div>
            </div>
        </div>
        <div class="col-md-8">
            <div class="panel panel-default">
                <div class="panel-heading">
                    @L("Product")
                </div>
                <div>
                    <ul id="products" class="fullRowList">
                        <li class="text-muted">@L("Please select a product category")</li>
                    </ul>
                </div>
            </div>
           
        </div>
    </div>
</div>


@using (Script.AtFoot())
{
    <script type="text/javascript">
        function ActiveNode(node, selected) {
            var products = $("#products");
            products.empty();
            $.post("@Url.Action("GetProducts")", { ProductCategoryID: selected.node.id }, function (data) {
                $.each(data, function () {
                    products.append($('<li></li>').data("id",this.id).text(this.title));
                });

                products.sortable({
                tolerance: "pointer",
                placeholder: "sorting",
                update: function (event, ui) {
                    var target = ui.item.parent();
                    var products = [];
                    target.children().each(function (i, ui) {
                        products.push({
                            ID: $(ui).data("id"),
                            OrderIndex: i + 1
                        });