Telerik Forums
KendoReact Forum
1 answer
11 views

Hi,

Is there a way to get these paging controls when 

scrollable="none"?

 

If I set scrollable=none, I get these paging controls

Filip
Telerik team
 answered on 15 Apr 2024
1 answer
12 views

"I'm utilizing a Kendo form featuring checkboxes. I've integrated a feature wherein selecting the 'Select All' checkbox prompts the other checkboxes within the view, update, or create sections to be set to a true value. How can I effectively implement this functionality within the Kendo form?

Konstantin Dikov
Telerik team
 answered on 15 Apr 2024
1 answer
13 views

Hi,

I have React Kendo Datagrid, in inline editing numeric textbox loses focus after key press. 

I debugged it and found cause of the problem is itemChange function.

Actually I followed https://www.telerik.com/kendo-react-ui/components/grid/editing/editing-inline/ document.

How to solve it? I attached whole page.

const itemChange = (event: GridItemChangeEvent) => {

        const field = event.field || "";

        const newData = result.data.map((item) => {

            return item.id === event.dataItem.id
                ? { ...item, [field]: event.value }
                : item
        });
        const dataResult = {
            data: newData,
            total: newData.length
        };
        setResult(dataResult);

    };

 

<Grid
                                style={{ width: 985 }}
                                className="gridTable"
                                filterable={false}
                                sortable={false}
                                pageable={false}
                                {...dataState}
                                data={result}
                                rowRender={rowRender}
                                onItemChange={itemChange}
                                editField={editField}
                                onDataStateChange={dataStateChange}
                                resizable={true}
                                size='small'
                                selectable={{
                                    enabled: true,
                                    mode: 'multiple'
                                }}
                                dataItemKey={dataItemKey}
                                selectedField={selectedField}
                            >
                                <GridToolbar className='ms-auto'>
                                    <div>
                                        <button
                                            title="Add new"
                                            onClick={addNew}
                                            style={{ border: "none", padding: "none", background: "none" }}
                                        >
                                            <i className="bi bi-file-plus" style={{ color: "#0F62FE", fontSize: "1.5rem" }}></i>
                                        </button>
                                    </div>
                                </GridToolbar>
                                <Column field="attendeeCompanyId" cell={DropDownCellAttendeeCompanies} title="Katılımcı Şirketi" width={300} />
                                <Column field="distributionCompanyId" cell={DropDownCellDistributionCompanies} title="Dağıtım Şirketi" width={300} />
                                <Column field="ratio" editor="numeric" title="Oran" width={150} format='%{0:#.##}' />
                                <Column field="attendeeCount" editable={false} title="Katılımcı Sayısı" width={120} />
                                <Column cell={CommandCell} width="100px" />
                            </Grid>

Thanks

Konstantin Dikov
Telerik team
 answered on 10 Apr 2024
1 answer
6 views

With a sidebar-grid layout, where the grid has resizable column widths, I cannot get the grid to generate a horizontal scrollbar. The documentation "advice" in useless on this: setting explicit column width larger than the width doesn't work and is a hack. Without the sidebar (e.g. outside of a parent flex that maintains the sidebar), resizing a column larger generates the horizontal scrollbar just fine. There's nothing documented I can find as to what the layout expectations of the datagrid are, and I'm really frustrated at hacking at it.

What are the specific layout expectations of the datagrid to generate a horizontal scrollbar? This is a common UI idiom- why is it so hard to get a grid to occupy the full width of its container and scroll when constrained?

    
Vessy
Telerik team
 answered on 09 Apr 2024
1 answer
7 views

Is the following error because kendo is using eval() in some areas?

Uncaught EvalError: Refused to evaluate a string as JavaScript because 'unsafe-eval' is not an allowed source of script in the following Content Security Policy directive: "script-src 'self' https://maps.googleapis.com 'sha256-FCclJ10YV/xEc9PbnYcWzMs7Mw9DRGVf31pHhGF1jtp='".

    at Function (<anonymous>)
    at Object.getter (kendo.all.min.js:26:455)
    at init.get (kendo.all.min.js:27:21790)
    at new e (ScheduleDsb.tsx:367:30)
    at 125 (DyScheduleTimeline.tsx:67:46)
    at i (scheduler:1:1815)
    at r (scheduler:1:1684)
    at Array.t [as push] (scheduler:1:1547)
    at main.358cb176.chunk.js:1:73
getter @ kendo.all.min.js:26
get @ kendo.all.min.js:27
e @ ScheduleDsb.tsx:367
125 @ ScheduleTimeline.tsx:67
i @ scheduler:1
r @ scheduler:1
t @ scheduler:1
(anonymous) @ main.358cb176.chunk.js:1

Following are some details on the version we are using.

"dependencies": {
"@progress/kendo-ui": "^2021.3.1207",
"@types/node": "^12.20.15",
"@types/react": "^17.0.11",
"moment": "^2.29.4",
"react": "^17.0.2",
.
.
.
}

  "devDependencies": {
    "@types/jquery": "^3.5.5",
.
.
.
  }

Vessy
Telerik team
 answered on 08 Apr 2024
1 answer
4 views

I am trying to use the GridPDFExport component to save a grid that contains a custom cell. The custom cell uses a redux selector and needs to access the global state. When i try to save the grid I get the following errors logged. If I remove the cell in question it works normally. How do I approach this issue?

Konstantin Dikov
Telerik team
 answered on 08 Apr 2024
1 answer
13 views

I am trying to save a grid with GridPDFExport. I am getting a lot of errors because a custom cell contains a redux selector and needs to access global state. If I remove the cell I can download the file. How can I fix this?  

 

Konstantin Dikov
Telerik team
 answered on 08 Apr 2024
1 answer
5 views
In Kendo Form, pressing the Enter key triggers the submit button click. However, I want to disable this default behavior of the Enter key and make the form to be submitted only when the submit button is clicked.
Konstantin Dikov
Telerik team
 answered on 05 Apr 2024
1 answer
9 views

I am using a Kendoreact drawer component with some menu option. On click of 1 of the menu options, it will open a grid page. My requirement is, when i am editing grid & if i click on the drawer component, i have to show a confirmation pop-up stating, "do you want to continue editing" with cancel & Ok button. 

I am facing complexity in identifying click event on the drawer component. Please help.

Konstantin Dikov
Telerik team
 answered on 05 Apr 2024
1 answer
10 views
If my data isn't sorted, the checkbox filters are generated in a non-alphabetical order, making the UX more confusing and less seamless. How can I sort my checkbox options without sorting the grid data itself (keep them de-coupled)?
Wissam
Telerik team
 answered on 04 Apr 2024
Narrow your results
Selected tags
Tags
+? more
Top users last month
Dominik
Top achievements
Rank 1
Giuliano
Top achievements
Rank 1
Dominic
Top achievements
Rank 1
Glendys
Top achievements
Rank 1
NoobMaster
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Dominik
Top achievements
Rank 1
Giuliano
Top achievements
Rank 1
Dominic
Top achievements
Rank 1
Glendys
Top achievements
Rank 1
NoobMaster
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?