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>

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

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?

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.

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

     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.

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.