创建模板后运行 耗时了十多秒

震动js
var supportsVibrate = "vibrate" in navigator;
if (supportsVibrate) navigator.vibrate(1000);

希望给BootstrapInput等输入组件，以及TableColumn或者自动生成的TableColumn等添加自定义验证器功能

<DropdownList Data="@Items"
@bind-Value="@SelectedItem"
OnSelectedItemChanged="@(new Action(v => {result = v;}))"
TextField="Text"
ValueField="Value">

@code{
private int SelectedItem { get; set; } = 2;

int result = -1;
IEnumerable<Item> Items = Enumerable.Range(1, 100).ToList().Select(c => new Item() { Value =  c, Text = "Text" + c });
public class Item
{
    public int Value { get; set; }
    public string Text { get; set; }
}

}

<ValidateForm class="form-inline" Model="@model" OnValidSubmit="OnValidSubmit">
    <div class="row">
        <div class="form-group col-12">
            <BootstrapInput minlength="9" maxlength="9"  @bind-Value="@model.id">
            </BootstrapInput>
            <Tree
                Items="@TreeItems"
                ClickToggleNode
                ShowCheckbox>
            </Tree>
        </div>
    </div>
</ValidateForm>

图中Checked即是意外文本, 通过查看源代码我知道是因为Tree调用了Checkbox, 而Checkbox下的EditForm不为空. 我大致翻了一下未能找到在当前代码下关掉这个特性的选项,

如果真没有的话我就提PR吧

   <Tab>
<TabItems> <TabItem> 
                                        <Button Color="Color.Success" @onclick="@(() => AddPerson(foods,-1))">- </Button>
                                        <Badge Color="Color.Success">
                                            <span>@foods.qty</span>
                                        </Badge>
                                        <Button Color="Color.Success" @onclick="@(() => AddPerson(foods))">+ </Button>
</TabItem> </TabItems>
    </Tab>

类

  public class Food
   {
       public string name { get; set; }
       public float price { get; set; }
       public float oldPrice { get; set; }
       public string description { get; set; }
       public int sellCount { get; set; }
       public int rating { get; set; }
       public object info { get; set; }
       public string icon { get; set; }
       public string image { get; set; }
       public string UserCode { get; set; }
       public object timestamp { get; set; }
       public int ProductID { get; set; }
       public int qty { get; set; }
   }

代码在TabItem里面就不会自动刷新qty, 放到TabItem外面就能良好工作,

使用的包
"BootstrapBlazor" Version="3.1.11-beta05"

测试代码

    <Table TItem="School"
           IsPagination="true"
           EditMode="EditMode.EditForm"
           IsStriped="true" IsBordered="true" IsMultipleSelect="true" AutoGenerateColumns="true" ShowSearch="true"
           ShowToolbar="true" ShowExtendButtons="true" ShowSkeleton="true" DoubleClickToEdit="true" UseInjectDataService="true">
    </Table>

貌似这样能修复

src\BootstrapBlazor\Components\Table\Table.razor.Toolbar.cs

        /// <summary>
        /// 保存数据
        /// </summary>
        /// <param name="context"></param>
        protected async Task SaveAsync(EditContext context)
        {
            if (UseInjectDataService || OnSaveAsync != null)
            {
                if (await SaveModelAsync(context))
                {
                    if (EditMode == EditMode.Popup)
                    {
                        await QueryAsync();
                    }
                    else if (EditMode == EditMode.EditForm)
                    {
                         if (ShowAddForm) await QueryAsync();
                        ShowAddForm = false;
                        ShowEditForm = false; 
                        StateHasChanged();
                    }
                }
            }
            else
            {
                var option = new ToastOption
                {
                    Category = ToastCategory.Error,
                    Title = SaveButtonToastTitle,
                    Content = SaveButtonToastContent
                };
                await Toast.Show(option);
            }
        }

不影响实际使用, f12里也不会出现错误

我使用的是.net core 3.1，根据教程安装后，在razor中试图调用时报错：
Microsoft.JSInterop.JSException: Could not find '$' in 'window'.

http://longbowenterprise.gitee.io/bootstrapblazor/editors
2020年6月5日 11:47:23
富文本框 点击编辑的demo 点击后有光标闪动但是键盘输入无效
浏览器
Microsoft Edge Chromium 内核版 81.0.416.45 (官方内部版本) beta (64 位)

图片
https://gitee.com/DotNetTraceless/mydatadb/raw/master/img/20200605115548.gif

图片是第二次编辑时候的情况
第二条记录应该只默认选中一个的
现在是会带上上一条编辑时选中的选项

https://blazor.sdgxgz.com/drawers

如何拦截Toast弹窗

请教一下,日历控件如何绑定已有数据并显示出来?

扩展服务示例

https://gitee.com/LongbowEnterprise/BootstrapBlazor/wikis/Table%20%E7%BB%84%E4%BB%B6%E6%95%B0%E6%8D%AE%E6%9C%8D%E5%8A%A1%E4%BB%8B%E7%BB%8D?sort_id=3207977

PetaPoco 工程链接
FreeSql 工程链接
EFCore 工程链接

Is your feature request related to a problem? Please describe.

1.DateTimeRange组件建议选择开始时间后,如果不选结束时间,end.value直接等于start.value,
2.建议加入[今日]按钮,对于我这种时间日期盲,会比较好操作
3.建议加一个 OnClear,取消日期选择也需要回调后台查询,不想再点击一次查询按钮. 我非常懒.

Describe the solution you'd like

1. 这样可以选单日, 而不是返回 0001-1-1后台查询会报错
   value.End==new DateTime (1,1,1,0,0,0)? value.Start: value.End

2.如图

所在页面
重现视频.zip
https://blazor.sdgxgz.com/tables/fix-column

I have been unable to find a way to highlight a row based on the context of the current row, is it possible to add this feature of if it's already available could you please add an example

Many thanks - great repo

Very good job. Have you planned an English translation?

菜单对手机/ipad触摸屏设备不友好,触摸没有悬停操作, 弹出孙菜单就失效了

Table 的 Template 中嵌入的 Popover 在翻页后不会更新(始终为第一页对应元素的内容)

<Table TItem="BindItem"
       IsPagination="true" PageItemsSource="@ItemsSource"
       SearchModel="@SearchModel"
       ShowSearch="true"
       IsStriped="true" IsBordered="true"
       ShowSkeleton="true"
       OnQueryAsync="@OnQueryAsync">
    <TableColumns>
        <TableColumn @bind-Field="@context.Description" Width="100" Filterable="true">
            <Template Context="value">
                <Button Color="Color.Link">
                    @StringTruncat(value.Value, 15)
                    <Popover Placement="Placement.Top" Title="Items" Content="@value.Value" IsHtml="true" />
                </Button>   
            </Template>
        </TableColumn>
    </TableColumns>
</Table>

见https://github.com/dotnet-cn/awesome-dotnet-cn/blob/master/README.md

Is your feature request related to a problem? Please describe.

translate the docs to english

Describe the solution you'd like

• open json file in to ~/BootstrapBlazor.Shared/Locales
• update the docs under ~/BootstrapBlazor.Shared/Pages folder content

Additional context

• Alerts
• Anchors
• AutoCompletes
• Avatars
• Badges
• BarcodeReaders
• Breadcrumbs
• Buttons
• Calendars
• Cameras
• Capthcas
• Cards
• Carousels
• CheckboxLists
• Checkboxs
• Circles
• Collapses
• Coms
• Consoles

请教下，在MainLayout.razor上调用DialogService的Show事件不会弹出对话框，源码跟踪到是Dialog.razor里的ModalDialog没有映射出来，因此抛出空对象异常；其他地方调用DialogService的Show事件可以正常弹出对话框

Greate work, great effort
do you plan to support right to left direction for other language like arabic

实体表30个字段,其中第一个名称字段设置了 [AutoGenerateColumn( Fixed =true)],其余未配置任何特性
表格使用了AllowResizing="true"

<Table TItem="AppCssConfig"
       IsPagination="true"
       IsStriped="true" IsBordered="true" IsMultipleSelect="true" AutoGenerateColumns="true" ShowSearch="true"
       ShowToolbar="true" ShowExtendButtons="true" ShowSkeleton="true" DoubleClickToEdit="true" UseInjectDataService="true"
       AllowResizing="true">

生成表格全乱了

Describe the bug

Use Layout Page with Multitab mode， can not navigate to authentication/login. and menu url cannot match route parameters

To Reproduce

This is a sample https://github.com/geffzhang/Abp.BootstrapTheme, run Abp.BootstrapTheme.Blazor.Host、Abp.BootstrapTheme.HttpApi.Host and Abp.BootstrapTheme.IdentityServer 。

Blazor.Host Project Index page click Login can't navigate to authentication/login Layout Page with Multitab mode . swaitch to single page . It can be navigate to authentication/login.

Further technical details

• BootstrapBlazor 5.0.12
• Include the output of dotnet --info
  C:\Users\geffzhang>dotnet --info
  .NET SDK (反映任何 global.json):
  Version: 5.0.102
  Commit: 71365b4d42

运行时环境:
OS Name: Windows
OS Version: 10.0.18363
OS Platform: Windows
RID: win10-x64
Base Path: C:\Program Files\dotnet\sdk\5.0.102\

Host (useful for support):
Version: 5.0.2
Commit: cb5f173b96

.NET SDKs installed:
2.1.812 [C:\Program Files\dotnet\sdk]
3.1.402 [C:\Program Files\dotnet\sdk]
3.1.405 [C:\Program Files\dotnet\sdk]
5.0.101 [C:\Program Files\dotnet\sdk]
5.0.102 [C:\Program Files\dotnet\sdk]

I can't move up or down by keyboard in components Select, Multiselect and Dropdownlist

To Reproduce

使用模板创建一份项目, 在Index.razor中添加如下代码后运行 blazor server.

打开/页面后, 稳定复现NullReferenceException, 异常的调用栈全丢失了, 基本看不到原因所在, 只是通过测试发现是嵌入式字段引起的, 注释掉<TableColumn @bind-Field="@context.more.address" />异常消失.

异常与Items的长度无关.

<Table TItem="Test" Items="@Items">
    <TableColumns>
        <TableColumn @bind-Field="@context.name" />
        <TableColumn @bind-Field="@context.more.address" />
    </TableColumns>
</Table>

@code {

    class More {
        public string address;
    }
    class Test {
        public string name;
        public More more;
    }

    // List<Test> Items = new List<Test>(){new Test(){ name = "名", more = new More(){address = "址"}} };
    List<Test> Items = new List<Test>();

}

Further technical details

• BootstrapBlazor 5.0.16-beta01
• .NET 5.0

The menu clicks to record the user's actions in the event。

你好，编译出来的bootstrap.blazor.css里设定的font：
html, body, button, .popover {
font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
}
我想设置别的font，请教一下在代码里能实现自己重设font吗？要不然每次编译之后font都是上面这样的，每次都得手改。
谢谢！

Summernote editor does not work correctly, the video shows the problem, you can tell how to fix it
BugSummernote.zip

类似这样比较简洁

根据文档，把这段加入了site:
app {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
overflow: auto;
}
其它样式正常了，就是模态框激活的时候被背景遮住，导致什么都点不了。

问题：Table EditForm模式自动会自动生成Editable=false的列
期望：EditForm模式也可以正确识别Editable等属性设置

模板代码改动和效果如图，新添加的按钮“添加按钮”多点击几次就会生成多个"新建"按钮

 @page "/table"

<h1>Table</h1>

<Table TItem="Foo" IsPagination="true" PageItemsSource="@PageItemsSource"
       IsStriped="true" IsBordered="true" ShowSkeleton="true" IsMultipleSelect="true"
       ShowAddButton="ShowAdd"
       EditMode="EditMode.EditForm"
       ShowToolbar="true" ShowSearch="true" ShowExtendButtons="true"
       UseInjectDataService="true" AutoGenerateColumns="true">
    <TableColumns>
        <TableColumn @bind-Field="@context.Complete">
            <Template Context="v">
                <Switch IsDisabled="true" Value="v.Value" ShowInnerText="true" OnInnerText="是" OffInnerText="否" />
            </Template>
        </TableColumn>
        <TableColumn @bind-Field="@context.Hobby" Data="@Hobbys" />
    </TableColumns>
</Table>

<Button Text="添加按钮" OnClick="() => ShowAdd = !ShowAdd"></Button>

@code
{
    public bool ShowAdd { get; set; }
}

Describe the bug

decimal?字段自动生成的table编辑界面保存不了

类字段定义

        [AutoGenerateColumn(Order = 29, Filterable = true, Sortable = true)]
        public decimal? Prepaid { get; set; }

生成的html
<input type="number" id="bb_15798577_Prepaid" class="form-control valid">

會出現以下錯誤
Error: Microsoft.JSInterop.JSException: Could not find '$.bb_layout' ('$' was undefined).
在Chrome, Edge, FireFox測試過都正常
拿掉Layout組件後正常

/css/应该是/js/

请问该组件有无栅格系统使用，我用原生的Bootstrap好像对表单组件不起作用。