[asp.net core]ASP.NET MVC Colorbox简单实例演示

第一，在ResumeController中添加两个Action，如下面的代码：

	  
		 代码如下
		
	  
	  
		
//
// GET: /Resume/Edit/5
public ActionResult Edit(int id)
{
    Resume.Models.Resume resume = context.Resumes.Find(id);
    ViewBag.NationId = new SelectList(context.Nations, "NationId", "Name", resume.NationId);
    return View(resume);
}

//
// POST: /Resume/Edit/5

[HttpPost]
public ActionResult Edit(Resume.Models.Resume resume)
{
    if (ModelState.IsValid)
    {
        context.Entry(resume).State = EntityState.Modified;
        context.SaveChanges();
        return RedirectToAction("Index");
    }
    return View(resume);
}

	  
	第二，创建Edit.cshtml，跟创建Create.cshtml一样，选择Empty。

第三，在Index.cshtml中添加如下代码：

	  
		 代码如下
		
	  
	  
		
$("a[rel="editResume"]").click(function () {
    $(this).colorbox({
        width: 1000,
        heigth: 500,
        overlayClose: false,
        close: "",
        onComplete: function () {
            $("#btnCancel").click(function () {
                $.colorbox.close();
            });
        },
        onClosed: function () {
            $.colorbox.remove();
        }
    });
});

	  
	第四，运行效果：

简历的详细信息 第一，添加Action。

	  
		 代码如下
		
	  
	  
		
//
// GET: /Resume/Details/5

public ActionResult Details(int id)
{
    Resume.Models.Resume resume = context.Resumes.Find(id);
    return View(resume);
}

	  
	第二，创建Details.cshtml，同上。

第三，运行效果： 简历的删除 第一，添加Action。

	  
		 代码如下
		
	  
	  
		
public ActionResult Delete(int id)
{
    Resume.Models.Resume resume = context.Resumes.Find(id);
    context.Resumes.Remove(resume);
    context.SaveChanges();
    return RedirectToAction("Index");
}

	  
	创建Action就可以了。

第二，运行效果： 添加工作经历 上面几个功能都很简单，这个功能也不困难， 首先，还是从添加Action开始。

	  
		 代码如下
		
	  
	  
		
public ViewResult AddExper(int id)
{
    ViewBag.ExpersById = context.Experiences.Where(e => e.ResumeId == id);
    return View();
}

[HttpPost]
public ActionResult AddExper(Resume.Models.Experience exper)
{
    if (ModelState.IsValid)
    {
        exper.ResumeId = Convert.ToInt32(RouteData.Values["id"]);
        context.Experiences.Add(exper);
        context.SaveChanges();
        return RedirectToAction("Index");
    }
    return View(exper);
}

	  
	第二，创建AddExper.cshtml，代码如下：

	  
		 代码如下
		
	  
	  
		

    @using (Html.BeginForm())
    {
    
        >
            
                
                    开始时间
                
                
                    结束时间
                
                
                    工作单位
                
                
                    证明人
                
            
            @foreach (var item in ViewBag.ExpersById)
            {
                >
                    
                        @item.StartTime.ToString("yyyy-MM-dd")
                    
                    
                        @item.EndTime.ToString("yyyy-MM-dd")
                    
                    
                        @item.WorkUnit
                    
                    
                        @item.Voucher
                    
                
            }
            >
                
                    @Html.EditorFor(e => e.StartTime)
                    @Html.ValidationMessageFor(e => e.StartTime)
                
                
                    @Html.EditorFor(e => e.EndTime)
                    @Html.ValidationMessageFor(e => e.EndTime)
                
                
                    @Html.EditorFor(e => e.WorkUnit)
                    @Html.ValidationMessageFor(e => e.WorkUnit)
                
                
                    @Html.EditorFor(e => e.Voucher)
                    @Html.ValidationMessageFor(e => e.Voucher)
                
            
        
        

            
}


	  
	第三，在Index.cshtml中添加如下代码：

	  
		 代码如下
		
	  
	  
		
$("a[rel="addExper"]").click(function () { $(this).colorbox({ width: 950, overlayClose: false, close: "", onComplete: function () {
$("#StartTime,#EndTime").datepicker({
changeMonth: true, changeYear: true,
dayNamesMin: ["日", "一", "二", "三", "四", "五", "六"],
monthNamesShort: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
dateFormat: "yy-mm-dd", yearRange: "c-50:c+50", showMonthAfterYear: true });
$("#btnCancel").click(function () { $.colorbox.close(); }); }, onClosed: function ()
{ $.colorbox.remove(); } }); });
	  
	

第四，看一下运行的效果吧：

[asp.net core]ASP.NET MVC Colorbox简单实例演示

http://m.bbyears.com/asp/32288.html

推荐访问: