ABP進階教程3 - 優化編輯

来源:https://www.cnblogs.com/IT-Evan/archive/2019/10/14/ABP19.html

點這裡進入ABP進階教程目錄 我們嘗試在新增/編輯界面增加一個下拉框用來代替輸入框編輯Status 添加實體 打開領域層(即JD.CRS.Core)的Entitys目錄 //用以存放實體對象添加一個類StatusCode.cs //狀態信息 更新模型 更新查詢視圖模型 打開展示層(即JD.CRS.W ...


點這裡進入ABP進階教程目錄 

我們嘗試在新增/編輯界面增加一個下拉框用來代替輸入框編輯Status
  

添加實體

打開領域層(即JD.CRS.Core)的Entitys目錄 //用以存放實體對象
添加一個類StatusCode.cs //狀態信息

using System;
using System.Collections.Generic;
using System.Text;

namespace JD.CRS.Entitys
{
    public enum StatusCode : byte
    {
        Enabled = 0,
        Disabled = 1
    }
}

更新模型

更新查詢視圖模型

打開展示層(即JD.CRS.Web.Mvc)的Models/Course/CourseListViewModel.cs //Course查詢視圖模型

新增GetStatusList方法 //獲取狀態列表

 1 public StatusCode? Status { get; set; }
 2 
 3 public List<SelectListItem> GetStatusList(ILocalizationManager localizationManager)
 4 {
 5     var list = new List<SelectListItem>
 6     {
 7         new SelectListItem
 8         {
 9             Text = localizationManager.GetString(CRSConsts.LocalizationSourceName, "PleaseSelect"),
10             Value = "",
11             Selected = Status == null
12         }
13     };
14 
15     list.AddRange(Enum.GetValues(typeof(StatusCode))
16         .Cast<StatusCode>()
17         .Select(status =>
18             new SelectListItem
19             {
20                 Text = localizationManager.GetString(CRSConsts.LocalizationSourceName, $"StatusCode_{status}"),
21                 Value = status.ToString(),
22                 Selected = status == Status
23             })
24     );
25 
26     return list;
27 }
View Code

更新編輯視圖模型

打開展示層(即JD.CRS.Web.Mvc)的Models/Course/EditCourseModalViewModel.cs //Course編輯視圖模型

新增GetStatusList方法 //獲取狀態列表

 1 public List<SelectListItem> GetStatusList(ILocalizationManager localizationManager)
 2 {
 3     var list = new List<SelectListItem>
 4     {
 5     };
 6 
 7     list.AddRange(Enum.GetValues(typeof(StatusCode))
 8         .Cast<StatusCode>()
 9         .Select(status =>
10             new SelectListItem
11             {
12                 Text = localizationManager.GetString(CRSConsts.LocalizationSourceName, $"StatusCode_{status}"),
13                 Value = status.ToString(),
14                 Selected = status == Status
15             })
16     );
17 
18     return list;
19 }
View Code

更新控制器

打開展示層(即JD.CRS.Web.Mvc)的Controllers/CourseController.cs //Course控制器

更新EditCourseModal方法 //向EditCourseModalViewModel傳參數Status

public async Task<ActionResult> EditCourseModal(int courseId)
{
    var course = await _courseAppService.Get(new EntityDto<int>(courseId));
    var model = new EditCourseModalViewModel
    {
        Course = course,
        Status = course.Status
    };
    return View("_EditCourseModal", model);
}

更新創建視圖

打開展示層(即JD.CRS.Web.Mvc)的Views/Course/Index.cshtml //Course查詢視圖

添加下拉框Status //以替代輸入框Status

<div class="row clearfix">
    <div class="col-sm-12">
        <div class="form-line">
            <label class="form-label">@L("Status")</label>
            @Html.DropDownListFor(
            model => model.Status,
            Model.GetStatusList(LocalizationManager),
            new
            {
                @class = "form-control",
                id = "Status"
            })
            @*<input name="Status" type="text" class="form-control" />*@
        </div>
    </div>
</div>

更新編輯視圖

打開展示層(即JD.CRS.Web.Mvc)的Views/Course/_EditCourseModal.cshtml //Course編輯視圖

添加下拉框Status //以替代輸入框Status

<div class="row clearfix">
    <div class="col-sm-12">
        <div class="form-line">
            <label class="form-label">@L("Status")</label>
            @Html.DropDownListFor(
            model => model.Status,
            Model.GetStatusList(LocalizationManager),
            new
            {
                @class = "form-control",
                id = "Status"
            })
            @*<input name="Status" type="text" value="@Model.Course.Status" class="form-control" />*@
        </div>
    </div>
</div>

更新腳本

打開展示層(即JD.CRS.Web.Mvc)的\wwwroot\view-resources\Views\Course\_EditCourseModal.js //用以存放Course編輯相關腳本

在初始化Form時給下拉框傳值

//Initial form
_$modal.on('shown.bs.modal', function () {
    _$form.find('input[type=text]:first').focus();//focus first input
    _$status.val() = status;//Status value
});

預覽效果

創建課程

 

編輯課程

 


您的分享是我們最大的動力!

更多相關文章
  • MVC中關於前端數據的效驗一般都是通過在Model中相關的類上打上特性來實現。 但是在我們資料庫發生改變,EF框架需要刷新時會把我們在Model上的特性全部清除,這樣的話,我們前端的驗證就會失效。 因此,我覺得可以使用Partial-局部類(伙伴類) 的方式來實現EF框架刷新特性不清除的功能。 在M ...
  • C# 7 裡面的Pattern Mathing 更多內容請查看官方文檔:https://docs.microsoft.com/zh-cn/dotnet/csharp/whats-new/csharp-8#more-patterns-in-more-places?WT.mc_id=DT-MVP-500 ...
  • 場景 Winform控制項-DevExpress18下載安裝註冊以及在VS中使用: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/100061243 DevExpress的TreeList怎樣設置數據源,從實例入手: https:/ ...
  • 場景 在開發中,經常會有一些全局作用域的常量、欄位、屬性、方法等。 需要將這些設置為全局作用域保存且其實例唯一。 註: 博客主頁: https://blog.csdn.net/badao_liumang_qizhi 關註公眾號 霸道的程式猿 獲取編程相關電子書、教程推送與免費下載。 實現 首先新建一 ...
  • 場景 Winform控制項-DevExpress18下載安裝註冊以及在VS中使用: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/100061243 DevExpress的TreeList怎樣設置數據源,從實例入手: https:/ ...
  • 場景 Winform控制項-DevExpress18下載安裝註冊以及在VS中使用: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/100061243 在上面已經實現DevExpress的安裝之後,拖拽一個TreeList,然後怎樣給 ...
  • 前言: 通過Fiddler抓取瀏覽器請求數據,相信大家已經都會用了,我們知道Fiddler是通過在本機計算器添加一個預設的代理伺服器來實現的抓包數據的,埠號為:8888。 其實當我們打開Fiddler的設置也可以看到: 然後查看本地計算器的網路代理設置: 基於上面的原理,Fiddler就實現了經過 ...
  • 在項目視圖中,找到-》輸出 視窗,在視窗中選擇ASP.NET Core Web伺服器,調試項目即可看到執行的sql語句 ...
一周排行
  • 一、直接使用線程的問題每次都要創建Thread對象,並向操作系統申請創建一個線程,這是需要耗費CPU時間和記憶體資源的。無法直接獲取線程函數返回值無法直接捕捉線程函數內發生的異常 使用線程池可以解決第一個問題二、.NET中的線程池 在這裡只簡單的介紹一下ThreadPool,由於TPL的存在,我工作中... ...
  • 上次課程我們新建了管理員的模板頁。 本次我們就完善這個模板頁,順便加入樣式和一些基本的組件,配置好整個項目的UI風格。 一、引入 共用的css和js文件 後端庫用nuget, 前端庫用libman. 右鍵wwwroot文件夾,選擇菜單 Add / Client-Side Library 我們使用ad ...
  • 場景 在使用IIS部署ASP.NET的Web項目時提示: InvalidOperationException:未能映射路徑“/” 註: 博客: https://blog.csdn.net/badao_liumang_qizhi 關註公眾號 霸道的程式猿 獲取編程相關電子書、教程推送與免費下載。 實現 ...
  • 場景 ASP.NET中新建MVC項目並連接SqlServer資料庫實現增刪改查: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/107024544 在上面實現了新建簡單的MVC項目以及連接資料庫實現簡單的增刪改查後怎樣將網站部署到 ...
  • --先給GridView控制項註冊滑鼠按下事件gv.MouseDown += new System.Windows.Forms.MouseEventHandler(this.gv_MouseDown); --在滑鼠按下事件裡面增加滑鼠右鍵判斷,並增加滑鼠右鍵菜單複製單元格功能。 private voi ...
  • 用C#代替Javascript來做Web應用,是有多爽? 今天聊聊 Blazor。 Blazor 是一個 Web UI 框架。這個框架允許開發者使用 C# 來創建可運行於瀏覽器的具有完全交互 UI 的 Web 應用。 可以理解為,這是一個 C# 語言的 Vue / Angular / React,可 ...
  • 場景 ASP.NET中新建Web網站並部署到IIS上(詳細圖文教程): https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/107199747 在上面博客中已經將網站部署到了IIS上。 但是如果網站很大,頁面比較多,甚至每個頁面都有不少 ...
  • 從事這麼多年的.NET,這段時間來,學習另外一門技術Python。 購買相關的書籍,不停地看書。 然後在VS安裝Python,然後可以上機練習,編寫代碼...... ...
  • 一個微小的投入就會帶來巨大的突變 集群安全模式 為什麼出現集群安全模式呢? ​ Namenode啟動時,首先將鏡像文件載人記憶體,並執行編輯日誌中的各項操作。一旦在內存中成功建立文件系統元數據的映像,則創建一個新的Fsimage文件和一個空的編輯日誌。此時,** Namenode開始監聽Datanod ...
  • 1. 通過new對象實現反射機制( 對象.getClass() ) 2. 通過路徑實現反射機制( Class.forName("包名.類名") ) 3. 通過類名實現反射機制 ( 類名.Class ) class Student { private int id; String name; prot ...