telerik 相关问题

Telerik是开发,团队生产力和自动化测试工具的供应商,以及用于Microsoft .NET的UI组件和内容管理解决方案。

Telerik Blazor 向导在单击上一个按钮时不会重新渲染

我有一个 Blazor Web App 应用程序。它有一个 Telerik 向导。第一步,我渲染一个 Stripe Address Web 元素。这是我的 App.razor: 我有一个 Blazor Web App 应用程序。它有一个 Telerik 向导。第一步,我渲染一个 Stripe Address Web 元素。这是我的App.razor: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <base href="/" /> <link rel="stylesheet" href="app.css" /> <link rel="stylesheet" href="WizardDemo.styles.css" /> <link rel="stylesheet" href="https://blazor.cdn.telerik.com/blazor/5.1.1/kendo-theme-bootstrap/all.css" /> <HeadOutlet /> <script src="https://blazor.cdn.telerik.com/blazor/5.1.1/telerik-blazor.min.js" defer></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/microsoft-signalr/7.0.2/signalr.min.js"></script> <script src="https://js.stripe.com/v3/"></script> </head> <body> <Routes /> <script src="_framework/blazor.web.js"></script> </body> </html> 它具有 Telerik Blazor 和 Stripe Web Elements 的 <link/> 和 <script/> 标签。这是 Home.razor(结账)页面: @page "/" @inject IJSRuntime JS @rendermode InteractiveServer @using Telerik.Blazor @using Telerik.Blazor.Components <PageTitle>Checkout</PageTitle> <h3>Checkout</h3> <div style="width: 600px; margin: 0 auto;"> <TelerikWizard StepperPosition="@Position"> <WizardSteps> <WizardStep Label="Address" Disabled="StepsDisable[0]"> <Content> <form id="address-form"> <h3>Address</h3> <div id="address-element"> <!-- Elements will create form elements here --> </div> </form> </Content> </WizardStep> <WizardStep Label="Payment" Disabled="StepsDisable[1]"> <Content> <h1>Payment Entry</h1> </Content> </WizardStep> <WizardStep Label="Review" Disabled="StepsDisable[2]"> <Content> <h1>Confirmation</h1> </Content> </WizardStep> </WizardSteps> <WizardSettings> <WizardStepperSettings Linear="true" StepType="StepperStepType.Steps" /> </WizardSettings> </TelerikWizard> </div> @code { IJSObjectReference? module; public WizardStepperPosition Position { get; set; } protected override async Task OnAfterRenderAsync(bool firstRender) { if (firstRender) { module = await JS.InvokeAsync<IJSObjectReference>("import", "./Components/Pages/Home.razor.js"); await module.InvokeVoidAsync("initializeAddress"); } } public Dictionary<int, bool> StepsDisable { get; set; } = new Dictionary<int, bool> { {0, false}, {1, false}, {2, false}, }; public List<Step> Steps { get; set; } = new List<Step> { new Step { Index = 0, Text="Step 1" }, new Step { Index = 1, Text="Step 2" }, new Step { Index = 2, Text="Step 3" } }; public class Step { public int Index { get; set; } public string? Text { get; set; } } } 这是一个带有 TelerikWizard 的服务器页面。请注意,我的第一个 Step 有一个 form 和 address-form id。在 OnAfterRender 中,它导入 Home.razor.js 组件,然后调用 initialzeAddress 函数,如下所示: let elements = {}; export const initializeAddress = () => { // Set your publishable key: remember to change this to your live publishable key in production // See your keys here: https://dashboard.stripe.com/apikeys const stripe = Stripe('<my-public-test-key>'); const options = { // Fully customizable with appearance API. appearance: { /* ... */ } }; // Only need to create this if no elements group exist yet. // Create a new Elements instance if needed, passing the // optional appearance object. elements = stripe.elements(/*options*/); // Create and mount the Address Element in shipping mode const addressElement = elements.create("address", { mode: "billing", }); addressElement.mount("#address-element"); } export const handleNextStep = async () => { const addressElement = elements.getElement('address'); return await addressElement.getValue(); }; 首次打开页面时,这会成功加载 Stripe Address Web 元素。我可以填写表格并且它可以正常工作。 当我单击 Next 按钮,然后单击 Previous 按钮时,就会出现问题,使我返回到地址步骤。我希望看到地址。但是,我什么也没看到 - 地址表单根本不呈现。 当我单击“上一步”按钮返回到该步骤时,如何获取要渲染的地址? 当您返回时,<WizardStep Label="Address" Disabled="StepsDisable[0]">部分将由 Blazor 重新渲染(内部包含初始表单)。 但是页面的其余部分将不会再次进行(第一次)渲染。 await module.InvokeVoidAsync("initializeAddress"); 行不再执行。 如果 TelerikWizard 有一些 StepChanged 事件,那么这将是再次初始化的地方。 否则,将地址表单包装在 Blazor 组件中并在其中使用 OnAfterRender 代码。

回答 1 投票 0

JustDecompile:在哪里可以找到 System.Runtime 5.0.0.0 位置?

JustDecompile 提示我以下内容: 我已经下载了dotnet-sdk-5.0.100-win-x64.exe,但仍然没有显示。 我在哪里可以下载 JustDecompile 想要的东西,或者还有什么...

回答 1 投票 0

Telerik RadGridView 自定义排序事件仅按升序排序

我正在尝试通过列标题单击对 Telerik RadGridView 进行排序。为此,我使用 Custom_Sorting() 事件。我找到了这篇关于该事件的文档帖子。 我的代码如下: 私人空间

回答 1 投票 0

我如何在Telerik for Winforms中制作一个具有按需加载的多级分层radgridview?

Telerik 网站在此链接上有一个多级网格视图的教程: https://docs.telerik.com/devtools/winforms/controls/gridview/hierarchical-grid/binding-to-hierarchical-data-programmaticall...

回答 1 投票 0

Azure 构建管道中的 Telerik Nuget 包还原失败

我正在尝试将 Nuget 包从 Telerik 的 Nuget 存储库提取到 Azure 构建管道中,但是,我所做的管道配置尝试似乎都不起作用。我要么收到...

回答 2 投票 0

如何设置RadDocking中RadSplitContainer之间的间距?

我想在我的 WPF 应用程序中更改 RadDocking 的样式。我已经找到了如何更改 RadDocking 中的填充的解决方案,但是任何用于删除或更改空间宽度的属性或解决方案

回答 1 投票 0

C# telerik 中的 RadCloudUpload 大小验证失败问题

我是 Telerik 的 RadCloudUpload 新手。我正在研究 Amazon s3 Bucket。当我上传小图像 (87.9 KB)(b.jpg) 时,它可以与 RadCloudUpload 控件一起正常工作,但是当我尝试上传时...

回答 2 投票 0

Telerik RadGridView 的 IDataErrorInfo 验证

更新到最新的 Telerik WPF 控件,它们更改了 RadGridView 单元格中验证的工作方式。更新版本后,验证将焦点保留在无效的单元格中。任意

回答 1 投票 0

我可以通过将 ObjectDataSource 组件连接到 Telerik Report 中的数据源来开发 Blazor MAUI 项目吗?

我需要开发 Blazor MAUI 项目,并在该项目中存储 Telerik 报告。此外,需要使用连接 DataObjectSource 创建该报告。 我想知道如何开发...

回答 1 投票 0

值不能为空。参数名称:源自 telerik

我在我的c#项目中使用Telerik报告,使用他们的REST服务,我使用的是R1 2017版本,参数全部加载,并且数据库中各自的数据也加载,但我

回答 1 投票 0

如果没有数据如何隐藏子报告 - Telerik Report

如果数据源为空,Telerik 会打印空白字段。如果没有数据,如何隐藏子报表?

回答 1 投票 0

将 Blazor 对象引用传递给 Telerik Chat 控件

我已阅读 Microsoft 的有关从 Blazor 调用 JavaScript 的文档。我访问过 Telerik 网站并搜索了他们的文档和论坛。我已经做了很多搜索引擎查询。我已经

回答 1 投票 0

Telerik 报表设计器独立版 - WPF - 报表参数值无效

我使用 Telerik Report Designer Standalone 和 sqlDataSource1 设置创建了一个报告,其中包含以下 ReportParameters,如下所示: 在我的 C# 项目中的代码设置中,并将参数作为 Int32 发送 ...

回答 1 投票 0

Telerik MVC 网格更新动态模型

所以我有由 IEnumerable 模型填充的 Telerik MVC 网格,因为我将在网格上添加动态产品列。用户将能够编辑每个产品的每行,这将是单元内批量编辑...

回答 1 投票 0

如何在 Telerik Reporting 中计算页眉和页脚运行值

在 Telerik Report Designer 中,我在尝试弄清楚如何找到正确的范围名称来获取每个数据项处理的给定表达式的总和直到每个页面结束时遇到了最糟糕的时间...

回答 1 投票 0

将 ServerFiltering 设置为 True 时,表单布局内带有 DropDownList 的 Kendo 模板会生成无效模板

创建kendo ui Javascript模板并使用表单布局时,添加服务器过滤设置为true的DropDownList,kendo ui将抛出“无效模板”错误。 设置时...

回答 1 投票 0

为什么我不能直接引用我可以导入的命名空间?

我正在使用一个名为 Telerik.Webcontrols 的命名空间的第三方库。该库位于一个网站项目中,我正在将其转换为 Web 应用程序项目。 泰勒里克。

回答 2 投票 0

调用RadWindow客户端的VisibleOnPageLoad

我有一个使用带有内容页面和用户控件的MasterPage 的应用程序。在一个用户控件中,我们有另一个用户控件(我知道,这是一种 Inception 类型的东西)。该用户继续...

回答 2 投票 0

Telerik RadMenuItem AutomationId

我正在尝试使用下面的代码为 telerik RadMenuItem 设置自动化 id,但当我使用检查工具时,我看不到附加到元素的自动化 id。我正在使用 Telerik 2008 架构和

回答 1 投票 0

我需要减少<asp:ListItem>

我需要减少之间的垂直间距。我尝试给出 style="margin-bottom=5px 和 margin-top: 5px;"但它不起作用。怎么做? 我需要减少 之间的垂直间距。我尝试给出 style="margin-bottom=5px 和 margin-top: 5px;"但它不起作用。怎么办? <asp:RadioButtonList ID="rblGlobalConfidential" runat="server" RepeatDirection="Vertical" AutoPostBack="false" onChange="ConfidentialTypeChange();" Font-Bold="true" Font-Size="Medium"> <asp:ListItem>None</asp:ListItem> <asp:ListItem>Coding Restriction Based</asp:ListItem> <asp:ListItem>Transaction Type & Vendor Based</asp:ListItem> </asp:RadioButtonList> 我尝试使用 style="margin-bottom=5px;" style="margin-top: 5px;" style="height:5px;" 和其他选项,但它不起作用。怎么办? 您必须有一些其他有效的杂散CSS。 但是,试试这个: <style> .myspacing label,input { margin-bottom:-2px; margin-top:-2px; font-size:medium; } .myspacing input { margin-right:10px; } </style> <asp:RadioButtonList ID="rblGlobalConfidential" runat="server" RepeatDirection="Vertical" AutoPostBack="false" CssClass="myspacing" > <asp:ListItem>None</asp:ListItem> <asp:ListItem>Coding Restriction Based</asp:ListItem> <asp:ListItem>Transaction Type & Vendor Based</asp:ListItem> </asp:RadioButtonList> 上面的显示和渲染如下: 我不认为你可以在上面的每行之间有任何“更小的”间距,除非你开始使用较小的字体。

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.