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>
Update Module
</span>
</button>
<button className="btn btn-secondary" onClick={this.Reassign}>Cancel</button>
</div>
</form>
</Dialog>