feat(#I4SFT5): table dynamic mode support CheckboxList<string> component · Pull Request !2364 · LongbowEnterprise/BootstrapBlazor

### 该 Pull Request 关联的 Issue

#I4SFT5

### 修改描述

代码 Utils\Utility.cs

```
 var componentType = item.ComponentType ?? GenerateComponentType(fieldType, item.Rows != 0, lookup);
和
IsCheckboxList(fieldType)
```

不能确切判断是否可渲染为CheckboxList组件,原因比较深,略.

```
        else if (item.Items != null && item.ComponentType == typeof(CheckboxList<string>))
        {
            // 增加手动设定 ComponentType 为 CheckboxList<string> 并且 Items 有值 自动生成组件

builder.AddAttribute(1, nameof(CheckboxList<string>.DisplayText), displayName);
            builder.AddAttribute(2, nameof(CheckboxList<string>.ShowLabel), true);
            builder.AddAttribute(2, nameof(CheckboxList<string>.Value), fieldValue);
            //builder.AddAttribute(3, nameof(CheckboxList<IEnumerable<SelectedItem>>.OnValueChanged), fieldValueChanged);
            builder.AddAttribute(4, nameof(CheckboxList<IEnumerable<SelectedItem>>.ValueExpression), valueExpression);
            builder.AddAttribute(7, nameof(CheckboxList<string>.Items), item.Items.Clone());
        }
```

----------------------
 **测试页面**

页面代码

```
@page "/TestDemo"
<h3>TestDemo</h3>
 
<p>Job States:</p>
<Table TItem="DynamicObject" DynamicContext="DataTableDynamicContext" IsMultipleSelect="true" IsBordered="true" IsStriped="true" ShowToolbar="true" ShowExtendButtons="true">
</Table>
```

cs代码

```
using BootstrapBlazor.Components;
using Microsoft.AspNetCore.Components;
using Microsoft.Extensions.Localization;
using System.Collections.Generic;
using System.ComponentModel.DataAnnotations;
using System.Data;
using System.Diagnostics.CodeAnalysis;
using System.Linq;
using System.Threading.Tasks;

namespace Demo.BB.Table.Sqlite.Pages
{
    public partial class TestDemo
    {

private DataTableDynamicContext DataTableDynamicContext { get; set; }
        private DataTable UserData { get; } = new DataTable();

[Inject]
        [NotNull]
        private DialogService? DialogService { get; set; }

[Inject]
        [NotNull]
        private IStringLocalizer<SiteItem>? Localizer { get; set; }

private IEnumerable<string> WorkplanValue { get; set; } = new string[] { "0", "1", "2", "3" };

private SiteItem Model { get; set; } = new SiteItem()
        {
            url = "",
            keyword = "",
            workplan = "",
            state = "ready"
        };

[NotNull]
        private List<SiteItem> Items { get; set; }

protected override void OnInitialized()
        {
            GetData();
            InitDataTable();
        }

private void GetData()
        {
            UserData.Rows.Clear();
            UserData.Columns.Add(nameof(SiteItem.id), typeof(int));
            UserData.Columns.Add(nameof(SiteItem.url), typeof(string));
            UserData.Columns.Add(nameof(SiteItem.keyword), typeof(string));
            UserData.Columns.Add(nameof(SiteItem.workplan), typeof(string));
            UserData.Columns.Add(nameof(SiteItem.direction), typeof(string));
            UserData.Columns.Add(nameof(SiteItem.state), typeof(string));

for (int i = 0; i < 10; i++)
            {
                    UserData.Rows.Add( i, "item.url", "item.keyword" + i,  "2,3", "item.direction", "item.state");

}
         }

private void InitDataTable()
        {
            DataTableDynamicContext = new DataTableDynamicContext(UserData, (context, col) =>
            {
                if (col.GetFieldName() == nameof(SiteItem.id))
                {
                    col.Editable = false;
                    col.Width = 30;
                }
                if (col.GetFieldName() == nameof(SiteItem.url))
                {
                    col.Width = 150;
                }
                if (col.GetFieldName() == nameof(SiteItem.keyword))
                {
                    //col.Width = 150;
                }
                if (col.GetFieldName() == nameof(SiteItem.workplan)  )
                {
                    col.ComponentType = typeof(CheckboxList<string>);
                    col.Items = SiteItem.timezone;
                    col.Width = 150;
                }
                if (col.GetFieldName() == nameof(SiteItem.direction))
                {
                    col.ComponentType = typeof(Select<string>);
                    col.Items = typeof(SiteItem.Direcitons).ToSelectList();
                    col.Width = 100;
                }
                if (col.GetFieldName() == nameof(SiteItem.state))
                {
                    col.Editable = false;
                    col.Width = 50;
                }

});

DataTableDynamicContext.OnChanged = args =>
            {
                if (args.ChangedType == DynamicItemChangedType.Add)
                {
                    ShowAddDia(args);
                }
                return Task.CompletedTask;
            };

DataTableDynamicContext.OnDeleteAsync = items =>
            {
                foreach (var it in items)
                {
                    var id = it.GetValue("id");
                    //DeleteData((int)id);
                }
                UserData.AcceptChanges();
                return Task.FromResult(true);
            };
        }

private void ShowAddDia(DynamicObjectContextArgs args)
        {
            var items = Utility.GenerateEditorItems<SiteItem>();

var item = items.First(i => i.GetFieldName() == nameof(SiteItem.url));
            item.Items = SiteItem.GenerateHobbys(Localizer);

item = items.First(i => i.GetFieldName() == nameof(SiteItem.state));
            item.Editable = false;

private SiteItem IncertData(string surl, string skeyword, string sworkplan, string sdirection)
        {
            return null;
         }

public class SiteItem
        {
            [Display(Name = "主键")]
            [AutoGenerateColumn(Ignore = true)]
            public int id { get; set; }

[Required(ErrorMessage = "{0}不能为空")]
            [AutoGenerateColumn(Order = 10, Filterable = true, Searchable = true)]
            [Display(Name = "url")]
            public string url { get; set; }

[Required(ErrorMessage = "{0}不能为空")]
            [AutoGenerateColumn(Order = 20, Filterable = true, Searchable = true)]
            [Display(Name = "keyword")]
            public string keyword { get; set; }

[Required(ErrorMessage = "{0}不能为空")]
            [AutoGenerateColumn(Order = 40, Filterable = true, Searchable = true)]
            [Display(Name = "state")]
            public string state { get; set; }

[Required(ErrorMessage = "Please choose direction")]
            //[AutoGenerateColumn(Order = 30, Filterable = true, Searchable = true)]
            [AutoGenerateColumn(Ignore = true)]
            [Display(Name = "direction")]
            public string direction { get; set; }

[Required(ErrorMessage = "Please choose workplan")]
            //[AutoGenerateColumn(Order = 30, Filterable = true, Searchable = true)]
            [AutoGenerateColumn(Ignore = true)]
            [Display(Name = "workplan")]
            public string workplan { get; set; }

public Direcitons directions { get; set; }

public static IEnumerable<SelectedItem> timezone =  new List<SelectedItem>(new List<SelectedItem>
            {
                new SelectedItem { Text = "0:00H", Value = "0" },
                new SelectedItem { Text = "1:00H", Value = "1" },
                new SelectedItem { Text = "2:00H", Value = "2" },
                new SelectedItem { Text = "3:00H", Value = "3" },
            });

public static IEnumerable<SelectedItem> GenerateHobbys(IStringLocalizer<SiteItem> localizer) => localizer["Hobbys"].Value.Split(",").Select(i => new SelectedItem(i, i)).ToList();

public enum Direcitons
            {
                [Display(Name = "Russion")]
                Russion,
                [Display(Name = "English")]
                English,
                [Display(Name = "Dari")]
                Dari,
                [Display(Name = "Turkish")]
                Turkish,
                [Display(Name = "Pashto")]
                Pashto
            }
        }

}
}

```

GVPLongbowEnterprise/BootstrapBlazor

搜索帮助

GVP LongbowEnterprise/BootstrapBlazor