Telerik Forums
KendoReact Forum
2 answers
70 views
Is it possible to connect to a Google Sheet JSON to use in KendoReact Data Grid?  If so, are there any tutorials or examples?
Stefan
Telerik team
 answered on 08 Oct 2019
2 answers
81 views
The DropDownList does not do anything but "Selected category ID:" index number change.  Is it possible to use the DropDownList to select a Data Grid Table?  If so, are there any tutorial examples to follow to learn how?
Stefan
Telerik team
 answered on 08 Oct 2019
3 answers
886 views

Hi All,

In my Kendo React Application i am trying to do edit one form. 
In Application i am listing data in  kendo grid. when i click edit button in row opening new window with data in form.

But here i am not able to enter values or change values  in text boxes. How can i solve this issue

 

Below i am giving my code

 <Dialog title={"Edit Module"} width={700} onClose={this.Reassign}>
                        <form className="k-form" onSubmit={(e)=> e.preventDefault()}>
                            <div className="row">
                                <div className="col-md-6">
                                    <div className="form-group">
                                    <input type="hidden" id="hdnId" value={this.state.reaAssignData.ID} />
                                        <label className="strong" htmlFor="usr">Code*</label>
                                         <input type="text" placeholder="Code" className="form-new-control" id="txtModuleCode" value={this.state.reaAssignData.code}  /> 

                                    </div>
                                    <div className="form-group">
                                        <label className="strong" htmlFor="usr">Module Name*</label>
                                        <input type="text" placeholder="Name" className="form-new-control" id="txtModuleName" value={this.state.reaAssignData.name} />
                                    </div>
                                </div>
                            </div>
                            <div className="btn-right">
                                <button className="btn btn-success mr-10" onClick={this.Update.bind(this)}>
                                    <span>
                                        <i className="fa fa-dot-circle-o"></i> &nbsp;
                                        Update Module
                                </span>
                                </button>
                                <button className="btn btn-secondary" onClick={this.Reassign}>Cancel</button>
                            </div>
                        </form>
                    </Dialog>

Stefan
Telerik team
 answered on 08 Oct 2019
1 answer
328 views
I have a stacked bar chart with multiple series, and I need to display custom tooltips for each point.  The tooltip is not the numeric value itself, but a custom string value.  I tried using ChartSeriesItemTooltip, but it seems it only returns the numeric value.  How can i make it return the index of the point?  That way i  would be able to look up and display the required tooltip from an array of strings.
Stefan
Telerik team
 answered on 08 Oct 2019
1 answer
199 views

Hi, 

Please suggest a way to disable the increase/decrease in numbers inside a numeric textbox on the Grid at the column level filter using up/down arrows or up/down scrollbar. 

Regards,

Vinod

Stefan
Telerik team
 answered on 04 Oct 2019
8 answers
1.0K+ views

Hi All,

             In my Kendo React application i am populating Grid. When  click Edit ,  i am loading respective row data in one dialog window. i am using Axios to Get and Post data in API.  i am written my Get code to load grid in  componentDidMount() method and for update i written one custom function and calling button onClick Event.

But here my problem is when i click on Update button its going through my custom Update function but its not hitting my post API. and its hitting on get api which used in

 componentDidMount() method. Because of this i am not able to save data in database. How can i overcome this situation?

Binu
Top achievements
Rank 1
 answered on 04 Oct 2019
2 answers
125 views

Hi!

Could someone provide a working example to get started on how to use Gantt wrapper with React as Telerik's documentation doesn't provide any ?

Thanks in advance,

Arnaud.

Arnaud
Top achievements
Rank 1
 answered on 03 Oct 2019
2 answers
835 views

Hello,

when using dropdownlist component inside Dialog list of available items is behind the dialog - this is related to z-index. I attach sample code.

Stackblitz example

Stefan
Telerik team
 answered on 03 Oct 2019
1 answer
39 views

     Is there event for kendo drop down called before change. Before changing the value of dropdown i want to perform some validation and based on that only the value in dropdown should change.

Is there nay way ti achieve that.

Stefan
Telerik team
 answered on 03 Oct 2019
2 answers
1.1K+ views

I have added a selected column as per the example in the grid documentation.  By defaul the Grid renders a checkbox to perform a select All and Deselect All.  I wonder if it is possible to customise the rendered header to display something else, 2 buttons for example.

The usecase here is there are rows in my data that I don't allow to be selected.  The problem is that when at least one row in the grid is not selected, the header checkbox will not be checked and clicking on it will keep on trying to perform a select All.

I know I can use state to hold the current status of select All or not, but the checkbox will always remain unticked in this situation and the user will be confused.

Mark
Top achievements
Rank 1
 answered on 02 Oct 2019
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?