admin's Replies

@boikom

Forum Replies Created

Viewing 15 posts - 241 through 255 (of 923 total)

← 1 2 3 … 16 17 18 … 60 61 62 →

Author

Posts
February 24, 2022 at 6:38 am in reply to: Table “and” Filters not working #102892

admin
Keymaster

Hi,

At present, filters with addFilter are using ‘or’ between the different filter groups in the Table. We will add an option in a further version to set it to ‘and’, too.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

February 23, 2022 at 12:32 pm in reply to: CellsVerticalAlign doesn’t always works (Blazor) #102886

admin
Keymaster

Hi,

Currently, wrapping with vertical align is not supported in our Grid control. Vertical align is enabled in the default mode with disabled wrapping. That currently seems to be a restriction which we will need to update in future releases.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

February 16, 2022 at 12:15 pm in reply to: Column.AllowExport has no effect (Blazor) #102879

admin
Keymaster

Hello TurricanDE,

The allowExport functionality is now working in the latest version of Smart.Blazor.

Best Regards,
Peter Stoev

Smart HTMLElements Team
https://www.htmlelements.com/

February 14, 2022 at 10:54 am in reply to: How to use scheduler on single page application #102877

admin
Keymaster

Hi rizwan,

I would suggest you to check the getting started docs and the demos in the download package. They will help you to learn how to use our product.
Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

February 14, 2022 at 10:50 am in reply to: GridAppearance.ShowTooltips has no effect for columns (Blazor) #102875

admin
Keymaster

Hi,

Currently, we have no option built-in for DataGrid Column tooltips in Blazor as well as in Javascript. We will consider adding such an option in the future versions of the datagrid component.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

February 14, 2022 at 7:41 am in reply to: How to use scheduler on single page application #102872

admin
Keymaster

Hi riswan,

If you do not want the demo’s JS on another page, you can add a script tag on the html page and copy-paste the index.js into it. If you find it easier to use jQuery, you can use our jQuery product instead – https://www.jqwidgets.com/jquery-widgets-demo/

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

February 14, 2022 at 7:39 am in reply to: Proper way to update changes made on data grid editing (Blazor) #102871

admin
Keymaster

Hi,

At present there is currently no such built in method in our blazor datagrid, but we will consider adding it for the upcoming versions. It will be helpful feature.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

February 13, 2022 at 8:05 am in reply to: Auto Show / Select Item in Tree #102867
admin
Keymaster
Hi Kristopher,

Thank you for writing.

We tried to reproduce that:

Example:
```
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title>Tree Selection Modes</title>

    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

    <link rel="stylesheet" type="text/css" href="../../../source/styles/jqx.default.css" />
    <link rel="stylesheet" type="text/css" href="../../../styles/demos.css" />

    <link rel="stylesheet" type="text/css" href="styles.css" />
    <script type="text/javascript" src="../../../source/webcomponents-lite.js"></script>
</head>

<body class="viewport">
    <smart-tree id="tree" selection-mode="zeroAndOne">
        <smart-tree-item>Home</smart-tree-item>
        <smart-tree-item>Education</smart-tree-item>
        <smart-tree-item>Financial services</smart-tree-item>
        <smart-tree-item>Government</smart-tree-item>
        <smart-tree-item disabled>Manufacturing</smart-tree-item>
        <smart-tree-items-group>
            Communities
            <smart-tree-item>Partners</smart-tree-item>
            <smart-tree-items-group>
                By resource
                <smart-tree-item id="tv">TV</smart-tree-item>
                <smart-tree-item>Experience Design</smart-tree-item>
            </smart-tree-items-group>
        </smart-tree-items-group>
    </smart-tree>
 
    
    <script type="module" src="../../../source/modules/smart.tree.js"></script>
    <script type="module" src="index.js"></script>

</body>

</html>
```
index.js

window.onload = function () {
const tree = document.querySelector(‘smart-tree’);

tree.select(‘tv’);
tree.ensureVisible(‘tv’);
};

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/
February 13, 2022 at 7:56 am in reply to: Proper way to update changes made on data grid editing (Blazor) #102866
admin
Keymaster
Hi and thanks for trying our Blazor DataGrid,

I prepared a sample which shows how to use the Editing events.
```
@page "/grid-editing-events"

@using Smart.Blazor.Demos.Data
@using System.Text.Json;
@using System.Text.Json.Serialization;
@inject RandomDataService dataService

<style>
    body,
    html,
    app {
        height: 100%;
    }

    app {
        overflow: auto;
    }

    .content {
        height: calc(100% - 70px);
    }

    /* This is the CSS used in the demo */
    @@media only screen and (max-width: 700px) {
        smart-grid {
            width: 100%;
        }
    }
</style>
<Example Name="Grid">
    <h1>Grid Cells Editing Events</h1>
    <p>
        Click on any cell to begin edit its value. To confirm the changes, press 'Enter' or click on another cell or outside the Grid. To cancel the changes, press 'Escape'.
    </p>

    @if (dataRecords == null)
    {
        <p><em>Loading...</em></p>
    }
    else
    {
        <Grid @ref="grid" OnBeginEdit="BeginEditHandler" OnEndEdit="EndEditHandler" DataSource="dataRecords" Editing="@editing">
            <Columns>
                <Column DataField="FirstName" Label="First Name"></Column>
                <Column DataField="LastName" Label="Last Name"></Column>
                <Column DataField="ProductName" Label="Product"></Column>
                <Column DataField="Expired" Label="Expired" DataType="boolean" Template="@checkBoxEditor" Editor="@checkBoxEditor"></Column>
                <Column DataField="Quantity" Label="Quantity" DataType="number" Editor="@numberInputEditor" Align="HorizontalAlignment.Right" CellsAlign="HorizontalAlignment.Right"></Column>
                <Column DataField="Price" Label="Unit Price" DataType="number" Editor="@numberInputEditor" Align="HorizontalAlignment.Right" CellsAlign="HorizontalAlignment.Right" CellsFormat="c2"></Column>
            </Columns>
        </Grid>
    }
</Example>

@code {
    private string checkBoxEditor = "checkBox";
    private string numberInputEditor = "numberInput";
    Grid grid;

    GridEditing editing = new GridEditing()
    {
        Enabled = true,
        Mode = GridEditingMode.Cell
    };

    private List<DataRecord> dataRecords;

    async void EndEditHandler(Event args)
    {
        GridEndEditEventDetail detail = args["Detail"] as GridEndEditEventDetail;

        long rowId = detail.Row;
        string dataField = detail.Column;
        object value = await grid.GetCellValue(rowId, dataField);

        Console.WriteLine(value);
    }

    void BeginEditHandler(Event args)
    {
        GridBeginEditEventDetail detail = args["Detail"] as GridBeginEditEventDetail;
    }

    protected override void OnInitialized()
    {
        base.OnInitialized();
        dataRecords = dataService.GenerateData(1000);
    }
}
```
Hope this helps.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/
February 4, 2022 at 8:29 am in reply to: Load form from internet is possible? #102858

admin
Keymaster

Hi Joko,

Please, look at: https://www.htmlelements.com/demos/form/overview/. On submit, the form sends the data as it is a normal HTML Form element.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

February 4, 2022 at 7:28 am in reply to: generate grid column from html #102855

admin
Keymaster

Hi Joko,

If you have such scenario, you may use the Table instead – https://www.htmlelements.com/demos/table/basic/. It’s purpose is to replace the HTML Table. The DataGrid is for the more advanced and complex scenarios.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

February 4, 2022 at 7:25 am in reply to: documentation should be more detailed #102854

admin
Keymaster

Hi Joko,

What do you mean by default style compact? If you mean individual stylesheets for these components then they are already available in source\styles\components. In that folder you will find the individual stylesheets for each UI component.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

February 3, 2022 at 1:52 pm in reply to: documentation should be more detailed #102842

admin
Keymaster

The property descriptions for all UI components have been improved and updated. For example: https://www.htmlelements.com/docs/combobox-api/#toc-autocomplete_none__auto__inline__manual.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

February 3, 2022 at 12:38 pm in reply to: Help With Using Ajax To Get Data #102841

admin
Keymaster

Hi Bryan,

It works with SQL calls, example: https://www.htmlelements.com/demos/grid/server-side-mysql-php/. If you have more complex scenario, you can use the native fetch and bind the grid to the fetch’s result.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

February 3, 2022 at 12:37 pm in reply to: generate grid column from html #102840

admin
Keymaster

Hi Joko,

The Grid does not support such scenario. You can data bind it to Array, JSON, CSV, TSV or XML data.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/
Author

Posts

Viewing 15 posts - 241 through 255 (of 923 total)

← 1 2 3 … 16 17 18 … 60 61 62 →