如何在列属性中渲染多个按钮？

Question

我有一个实体数据。

   ColumnCollection = new List<ColumnProperty>
   {
             new ColumnProperty(nameof(ProductChapterMappingModel.Id))
       {
           Title = T("Admin.Common.Edit").Text,
           Width = "200",
           ClassName =  NopColumnClassDefaults.Button,
           Render = new RenderButtonsInlineEdit()
       }
   }

在Web视图中，它显示为

​

​i1nhs.png“ rel =” nofollow noreferrer“>

我该怎么做？

Answer 1

您可以使用

Render = new RenderCustom("ColumnBtns")

，然后

function ColumnBtns(data, type, row, meta) {
        return 'Your HTML HERE'
       //and you can use the parameter row to reference the object represented by the   
       //row such as Id like that (row.Id)
    }

Answer 2

        new ColumnProperty(nameof(Model.Command))
                                {
                                    Title = T("Plugins.Misc.Sales.Fields.Command").Text,
                                    Width = "100",
                                    ClassName =  NopColumnClassDefaults.Button,
                                    Render = new RenderCustom("renderColumnBtns")
                                }  

                        <script>

                            function renderColumnBtns(data, type, row, meta) {
                                var editlink = '@Url.Content("~/Admin/SalesCampaigns/Edit/")' + row.Id;
                                var detaillink = '@Url.Content("~/Admin/SalesCampaigns/Detail/")' + row.Id;
                                
                                return '<a class="btn btn-default"  href="' + editlink + '"><i class="fas fa-pencil-alt"></i>@T("Plugins.Misc.Sales.Edit").Text</a>  <a class="btn btn-default"  href="' + detaillink + '"><i class="fas fa-pencil-alt"></i>@T("Plugins.Misc.Sales.Detail").Text</a>';
                            }

                        </script>