<add name="aspNetCore" path="*" verb="*" modules="AspNetCoreModule" resourceType="Unspecified" />
<AspNetCoreModuleName>AspNetCoreModule</AspNetCoreModuleName>
<add name="aspNetCore" path="*" verb="*" modules="AspNetCoreModuleV2" resourceType="Unspecified"/>
private HttpApplication _context = null;
public void Init(HttpApplication context)
{
_context = context;
_context.BeginRequest += CleanUpInput;
}
public void Dispose()
{
_context.BeginRequest -= CleanUpInput;
}
D:\electron\test1>npm init
npm i electron-prebuilt --save-dev
atom .
{
"name": "electron",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"start": "electron ."
},
"author": "",
"license": "ISC"
} const electron = require('electron');
const {app} = electron;
const {BrowserWindow} = electron; let win;
app.on('ready', function() {
// Create the browser window.
win = new BrowserWindow({
width: 800,
height: 600
});
}); npm start
win.loadURL(`file://${__dirname}/index.html`); 
PM> Install-Package DNTFrameworkCore.Web
public class BlogsController : CrudController<IBlogService, int, BlogModel>
{
public BlogsController(IBlogService service) : base(service)
{
}
protected override string CreatePermissionName => PermissionNames.Blogs_Create;
protected override string EditPermissionName => PermissionNames.Blogs_Edit;
protected override string ViewPermissionName => PermissionNames.Blogs_View;
protected override string DeletePermissionName => PermissionNames.Blogs_Delete;
protected override string ViewName => "_BlogModal";
} 
<form asp-action="@(Model.IsNew() ? "Create" : "Edit")" asp-controller="Blogs" asp-modal-form="BlogForm">
<div>
<input type="hidden" name="save-continue" value="true"/>
<input asp-for="RowVersion" type="hidden"/>
<input asp-for="Id" type="hidden"/>
<div>
<div>
<label asp-for="Title"></label>
<input asp-for="Title" autocomplete="off"/>
<span asp-validation-for="Title"></span>
</div>
</div>
<div>
<div>
<label asp-for="Url"></label>
<input asp-for="Url" type="url"/>
<span asp-validation-for="Url"></span>
</div>
</div>
</div>
...
</form> 
<div>
<a asp-modal-delete-link asp-model-id="@Model.Id" asp-modal-toggle="false"
asp-controller="Blogs" asp-action="Delete" asp-if="!Model.IsNew()" asp-permission="@PermissionNames.Blogs_Delete"
title="Delete Blog">
<i></i>
</a>
<a title="Refresh Blog" asp-if="!Model.IsNew()" asp-modal-link asp-modal-toggle="false"
asp-controller="Blogs" asp-action="Edit" asp-route-id="@Model.Id">
<i></i>
</a>
<a title="New Blog" asp-modal-link asp-modal-toggle="false"
asp-controller="Blogs" asp-action="Create">
<i></i>
</a>
<button type="button" data-dismiss="modal">
<i></i> Cancel
</button>
<button type="submit">
<i></i> Save Changes
</button>
</div> 
public class RoleModalViewModel : RoleModel
{
public IReadOnlyList<LookupItem> PermissionList { get; set; }
} protected override IActionResult RenderView(RoleModel role)
{
var model = _mapper.Map<RoleModalViewModel>(role);
model.PermissionList = ReadPermissionList();
return PartialView(ViewName, model);
} 
برای مدیریت سناریوهای Master-Detail به مانند قسمت مدیریت دسترسی‌ها در تب Permissions فرم بالا، امکاناتی در زیرساخت تعبیه شده است ولی پیاده‌سازی آن را به عنوان یک تمرین و با توجه به سری مطالب «Editing Variable Length Reorderable Collections in ASP.NET MVC» به شما واگذار میکنم.
نکته تکمیلی: برای ارسال اطلاعات اضافی به ویو Index متناظر با یک موجودیت می‌توانید متد RenderIndex را به شکل زیر بازنویسی کنید:
protected override IActionResult RenderIndex(IPagedQueryResult<RoleReadModel> model)
{
var indexModel = new RoleIndexViewModel
{
Items = model.Items,
TotalCount = model.TotalCount,
Permissions = ReadPermissionList()
};
return Request.IsAjaxRequest()
? (IActionResult) PartialView(indexModel)
: View(indexModel);
} مدل RoleIndexViewModel استفاده شده در تکه کد بالا نیز به شکل زیر خواهد بود:
public class RoleIndexViewModel : PagedQueryResult<RoleReadModel>
{
public IReadOnlyList<LookupItem> Permissions { get; set; }
}
فرآیند بارگذاری یک پارشال‌ویو در مودال
به عنوان مثال برای استفاده از مودال‌های بوت استرپ، ایده کار به این شکل است که یک مودال را به شکل زیر در فایل Layout قرار دهید:
<div class="modal fade" @*tabindex="-1"*@ id="main-modal" data-keyboard="true" data-backdrop="static" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body">
Loading...
</div>
</div>
</div>
</div> سپس در زمان کلیک بروی یک دکمه Ajaxای، ابتدا main-modal را نمایش داده و بعد از دریافت پارشال‌ویو از سرور، آن را با محتوای modal-content جایگزین میکنیم. به همین دلیل Tag Halperهای مطرح شده در مطلب جاری، callbackهای failure/complete/success متناظر با unobtrusive-ajax را نیز مقداردهی میکنند. برای این منظور نیاز است تا متدهای جاوااسکریپتی زیر نیز در سطح شیء window تعریف شده باشند:
/*---------------------------------- asp-modal-link ---------------------------*/
window.handleModalLinkLoaded = function (data, status, xhr) {
prepareForm('#main-modal.modal form');
};
window.handleModalLinkFailed = function (xhr, status, error) {
//....
};
/*---------------------------------- asp-modal-form ---------------------------*/
window.handleModalFormBegin = function (xhr) {
$('#main-modal a').addClass('disabled');
$('#main-modal button').attr('disabled', 'disabled');
};
window.handleModalFormComplete = function (xhr, status) {
$('#main-modal a').removeClass('disabled');
$('#main-modal button').removeAttr('disabled');
};
window.handleModalFormSucceeded = function (data, status, xhr) {
if (xhr.getResponseHeader('Content-Type') === 'text/html; charset=utf-8') {
prepareForm('#main-modal.modal form');
} else {
hideMainModal();
}
};
window.handleModalFormFailed = function (xhr, status, error, formId) {
if (xhr.status === 400) {
handleBadRequest(xhr, formId);
}
};
