openExcel: function (host, inputFile) { var spread = GC.Spread.Sheets.findControl(host); if (spread) { var excelIO = new (); excelIO.open(inputFile.files[0], function (json) { spread.fromJSON(json); }) } } }; 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 1...
int row,int col,object value){JSRuntime.InvokeVoidAsync("sjsAdaptor.setValue",host,sheetIndex,row,col,value);}publicvoidOpenExcel(ElementReference inputFile){JSRuntime.Invoke
BlazorInputFile- A file input component for Blazor applications, by Steve Sanderson. BlazorComponents- Reusable components for Blazor. Starting with ChartJS interop. BlazorStyled- CSS in Blazor Components (Demo). Blazor LoadingBar- Loading bar UI for Client-Side Blazor application. ...
An event handler can use the Model field in this object to retrieve the user's input. The following example shows the EditForm from the previous example with a submit button. The EditForm captures the OnSubmit event to validate the changes made to a T-shirt object. In this example...
@page "/call-js-2" @inject IJSRuntime JS <PageTitle>Call JS 2</PageTitle> <h1>Call JS Example 2</h1> <p> <button @onclick="SetStock">Set Stock</button> </p> @if (stockSymbol is not null) { <p>@stockSymbol price: @price.ToString("c")</p> } @code { private string?
Blazor Samples Repo- example projects that showcase popular scenarios so you can jump-start your project by copying from them. Blazor UI Support and Learning Resources- a hub with links to all resources such as blogs, videos, repos, docs and so on. ...
Is your feature request related to a problem? Please describe. Is there a way to restrict the number of files that the user can select (when multiple is set for an InputFile component)? I understand that there is a way to process only "X...
Blazor File Drop Zone - Surround an "input type=file" element by this Blazor component to making a zone that accepts drag and drops files (Demo). Knob - Knob Control for Blazor. BlazorCurrentDevice - Device detection for blazor using current-device.js. BlazorStyledTextArea - A textarea wit...
Modal dialogs example Modal dialogs documentation Action buttons The Blazor Dialog component provides built-in support to perform actions using buttons, which define necessary callback functions to handle user input. Localization The localization library allows you to localize the default text content. In...
</label> <input type="text" @bind-value="Name" @bind-value:event="oninput" placeholder="Bob"/> <span>Hello @Name</span> @code { [Parameter] public string Headline { get; set; } public string Name { get; set; } } HTML As with the Vue example, when you render Greeting you ...