ASP.NET Zero--13.一个例子（6）商品分类管理-删除分类

1.添加按钮

首先添加一个删除按钮，打开文件Index.js【..\MyCompanyName.AbpZeroTemplate.Web\Areas\Mpa\Views\Category\Index.js】
添加如下代码：

display: function (data) {
var $span = $('<span></span>');
$('<button class="btn btn-default btn-xs" title="' + app.localize('Edit') + '"><i class="fa fa-edit"></i></button>')
.appendTo($span)
.click(function () {
_editModal.open({ id: data.record.id });
});
$('<button class="btn btn-default btn-xs" title="' + app.localize('Delete') + '"><i class="fa fa-trash-o"></i></button>')
.appendTo($span)
.click(function () {
deleteCategory(data.record);
});
return $span;
}

保存文件，刷新页面，效果如下：



在Index.js文件中继续添加代码：

//获取列表
function getCategories(reload) {
if (reload) {
_$categoriesTable.jtable('reload');
} else {
_$categoriesTable.jtable('load');
}
}
//删除分类
function deleteCategory(category) {
abp.message.confirm(
app.localize('CategoryDeleteWarningMessage', category.name),
function (isConfirmed) {
if (isConfirmed) {
_categoryService.deleteCategory({
id: category.id
}).done(function () {
getCategories();
abp.notify.success(app.localize('SuccessfullyDeleted'));
});
}
}
);
}

2.语言文件

打开AbpZeroTemplate-zh-CN.xml【..\MyCompanyName.AbpZeroTemplate.Core\Localization\AbpZeroTemplate\AbpZeroTemplate-zh-CN.xml】
添加一个键值对：

<text name="CategoryDeleteWarningMessage" value="分类 {0} 将被删除." />

3.添加删除方法

打开ICategoryAppService接口【..\MyCompanyName.AbpZeroTemplate.Application\CategoryApp\ICategoryAppService.cs】
添加如下代码：

void DeleteCategory(EntityRequestInput input);

打开实现类CategoryAppService【..\MyCompanyName.AbpZeroTemplate.Application\CategoryApp\CategoryAppService.cs】
添加如下代码：

public void DeleteCategory(EntityRequestInput input)
{
var category=_categoryRepository.Get(input.Id);
_categoryRepository.Delete(category);
}

4.测试

生成项目，刷新页面，点击删除按钮，效果如下：



点击确定即可成功删除记录。至此删除功能已经完成，接下来实现分类搜索及分页。