[实战]MVC5+EF6+MySql企业网盘实战(11)——新建文件夹2

 <td class=" even sorting_1">

                            <a href="FileList?path=@item.FilePath" id="lnkFolder-@item.Id" onclick="clickFolder('sp-@item.Id')">

                                <img src="@item.FileIcon" alt="@item.FileName" />

                                <span id="sp-@item.Id" path="@item.FilePath">@item.FileName</span>

                            </a>

                        </td>

更新加载列表的逻辑。

        [HttpGet]

        public ActionResult FileList()

        {

            UserInfo userInfo = Session["user"] as UserInfo;

            if (userInfo == null)

            {

                return RedirectToAction("Login", "UserInfo");

            }

            string folderPath = Request.Params["path"];

            Expression<Func<MyFile, bool>> where = null;

            if (string.IsNullOrEmpty(folderPath))

            {

                where = x => x.User.Id == userInfo.Id && !x.IsDelete;

            }

            else

            {

                where = x => x.User.Id == userInfo.Id && !x.IsDelete && x.FilePath.StartsWith(folderPath) && x.FilePath != folderPath;

            }

            var fileList = _myFileServiceRepository.FindAll(where).OrderBy(x => x.IsFolder).OrderByDescending(x => x.CreateDt);

            ViewBag.UserInfo = userInfo;

            ViewBag.ChildTitle = "我的网盘";

            return View(fileList);

        }

更新新建文件夹的逻辑，从url中获取当前目录

    //创建文件夹

    $('#btnNewFolder').click(function () {

        //设置弹出框标题

        var title = $('#alertTitlte').html();

        //从url中获取当前目录

        var url = window.location.href;

        console.log(url);

        if (url.indexOf('path') > ) {

            $('#hdFilePath').val(url.split('=')[]);

        };

        $('#alertTitlte').html('新建文件夹');

        //清空弹出框内容

        $(".modal-body").html('');

        $(".modal-body").html('<input type="text" placeholder="请输入名称" class="form-control" name="name" value="新建文件夹" id="txtFileName" />');

        $('#txtFileName').val('');

        $('#modal-edit').modal('show');

        $('#txtFileName').val('新建文件夹');

        $('#lnkSave').unbind('click');

        $('#lnkSave').bind('click', function () {

            $.post('CreateFolder', { folderName: $('#txtFileName').val(), folderPath: $('#hdFilePath').val() }, function (data) {

                data = JSON.parse(data);

                var folder = data.folder;

                if (data.code == ) {

                    $('<tr class="odd">   <td class=" even sorting_1" id="fileName"> <a href="#" id="lnkFolder-' + folder.Id + '" onclick="clickFolder(sp-' + folder.Id + ')"><img src="/Content/Images/FolderType.png" id="fileicon" alt="" />' + folder.FileName + '</a></td><td class="center"></td><td class="center ">' + CurentTime() + '</td><td class="center "><a class="btn btn-info" href="#"  id="fileEdit"> <i class="glyphicon glyphicon-edit icon-white"></i> 编辑 &nbsp;</a><a class="btn btn-danger" href="#"><i class="glyphicon glyphicon-trash icon-white" id="fileDelete"></i> 删除 </a> </td></tr>').insertBefore($('#fileList tbody'));

                };

                //还原弹出框标题

                $('#alertTitlte').html(title);

            });

        });

    });

测试

[实战]MVC5+EF6+MySql企业网盘实战(11)——新建文件夹2

总结

选择目录新建的内容就更新到这里，下面将针对上传文件和新建目录的功能进行组合，让上传文件到新建的目录。

秒客网

[实战]MVC5+EF6+MySql企业网盘实战(11)——新建文件夹2

写在前面

系列文章

代码片段

总结

相关文章