1.添加按钮
首先添加一个删除按钮,打开文件Index.js【..MyCompanyName.AbpZeroTemplate.WebAreasMpaViewsCategoryIndex.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; }
保存文件,刷新页面,效果如下:
![](https://images2015.cnblogs.com/blog/488385/201701/488385-20170118205346828-719791304.png)
在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.CoreLocalizationAbpZeroTemplateAbpZeroTemplate-zh-CN.xml】
添加一个键值对:
<text name="CategoryDeleteWarningMessage" value="分类 {0} 将被删除." />
3.添加删除方法
打开ICategoryAppService接口【..MyCompanyName.AbpZeroTemplate.ApplicationCategoryAppICategoryAppService.cs】
添加如下代码:
void DeleteCategory(EntityRequestInput input);
打开实现类CategoryAppService【..MyCompanyName.AbpZeroTemplate.ApplicationCategoryAppCategoryAppService.cs】
添加如下代码:
public void DeleteCategory(EntityRequestInput input) { var category=_categoryRepository.Get(input.Id); _categoryRepository.Delete(category); }
4.测试
生成项目,刷新页面,点击删除按钮,效果如下:
![](https://images2015.cnblogs.com/blog/488385/201701/488385-20170118205546453-1770816301.png)
点击确定即可成功删除记录。至此删除功能已经完成,接下来实现分类搜索及分页。