Telerik Forums
KendoReact Forum
1 answer
588 views

Hi,

I need to pass custom props when I customize the expandable cell. But now its not accepting the custom props and its hide the expandable icon.

https://www.telerik.com/kendo-react-ui/components/treelist/cells/

Krissy
Telerik team
 answered on 10 Aug 2021
1 answer
2.2K+ views
Can you please provide sample code for kendo grid server side pagination using React JS
Stefan
Telerik team
 answered on 09 Aug 2021
0 answers
395 views

I have a form and I am attempting to populate the initialValues with data returned from an API request.  

const [customer, setCustomer] = useState({});

getCustomer(props.oidc, params).then((result) => {

setCustomer(result[0]);

});

initialValues={customer}

 

I can see the data coming thru, although it does take it a second to return.  I can see the state updating, but the data does not appear to be populating in the form.  Is the data supposed to populate or am I missing something?

 

 

 

Dominic
Top achievements
Rank 1
Iron
 asked on 06 Aug 2021
1 answer
91 views

TreeList expanded working with "id" for expanding & collapsing. But I need use some other unique property instead of "id" for expanding & collapsing. In below example object "extension" has unique value. so how can I use "extension" for expand & collapsing.

 

employees = [
{
name: 'Daryl Sweeney',
extension: 8253,
hireDate: new Date(2012, 2, 7),
fullTime: true,
},
{
name: 'Sweeney',
extension: 8254,
hireDate: new Date(2012, 2, 7),
fullTime: false,
}
]

 

 

 

 

Stefan
Telerik team
 answered on 06 Aug 2021
1 answer
323 views
Are there any built-in settings for the placement of the pagination/pager container? If not, how do you recommend tackling this?
Janki
Top achievements
Rank 4
Bronze
Iron
Iron
 answered on 05 Aug 2021
1 answer
251 views

I am not able to edit in kendo react  grid, which column have cell property.  EnterEdit  event is not triggering.

<GridColumn
  field='gender'
   title='gender'
  width='110px;'
  filter='dropdown'
  cell={this.loaddgenderdropdown}
    />

loaddgenderdropdown = (props) => {
        const value = props.dataItem.gender

        const dropDownData = [
            { text: "M", value: true },
            { text: "F", value: false },
        ]
        if (props.dataItem.inEdit) {
            
        
        return (
            <td>
                <ComboBox
                    style={{ width: "70px", font: "inherit" }}
                    defaultValue={props.dataItem[props.field].text}
                    data={dropDownData.map((a) => {
                        return a.text
                    })}
                   
                />
            </td>
        )
    }
}

 

Please help me to resolve this issue.

 

 

Thanks,

Arun

Stefan
Telerik team
 answered on 05 Aug 2021
1 answer
199 views

When i select a row in a grid, and press a delete key in a keyboard, it is not deleting. onKeyDown  event is not triggering.

Please help me to resolve this issue.

 

Thanks.

Arun

Stefan
Telerik team
 answered on 05 Aug 2021
1 answer
412 views

The Grid column menu does not close correctly. When I click the three-vertical-dots icon, it opens just fine. If I click the three-vertical-dots icon again to close it, it begins to close on the mouse down event, but then opens again on the mouse up event. You can close/collapse it completely by holding down the mouse button for a second or two, but as soon as you release the mouse button, it expands back open again. This can easily be reproduced with the examples here:

https://www.telerik.com/kendo-react-ui/components/grid/columns/column-menu/

To close the menu, you can't use the three-vertical-dots icon. You instead need to click somewhere else on the page, which closes the menu. You can also click either the Clear or Filter buttons and that will close the menu as well.

I'm using GridColumnMenuCheckboxFilter. I searched for a long time for a solution to this, but I didn't find any mentions of the problem. I've noticed that older examples on stackblitz that use older Kendo versions do not have this problem. With the older versions, you can click the three-vertical-dots icon once to open the menu, and once again to close the menu, as you'd expect.

Stefan
Telerik team
 answered on 05 Aug 2021
1 answer
88 views
I needs to share master grid header with detail grid data. Then if resize the master grid column, detail grid column not get aligned. but it should aligned depends on master column
Stefan
Telerik team
 answered on 05 Aug 2021
1 answer
220 views

Hi,

Is there existing functionality to select all items in the MultiSelect control, or does this have to be implemented using custom logic? There is already an 'X' that appears within the control once a selection has been made that clears all selected items, so an integrated select all would be preferable to a custom external button.

Kind regards,

David

Stefan
Telerik team
 answered on 04 Aug 2021
Narrow your results
Selected tags
Tags
+? more
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?