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.測試

生成項目，刷新頁面，點擊刪除按鈕，效果如下：

點擊確定即可成功刪除記錄。至此刪除功能已經完成，接下來實現分類搜索及分頁。