Answer

How to get gridrow values on the textbox for edit Angular 2

Karthik Kumar

496

Hi,

i have a table grid with binded values. i need to edit and update that value .for that i ve given chek boxes,the selected chekbox row should bind the textbox to edit.based on id how i can do this? in that 2 dropdowns are there how i can edit this way in angular 2

the textboxes should able to submit and edit

<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 popup-content">
<div>


<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 popup-firstcontent">
<div  style="width: 25%; float:left">
<div class="flexibleColumn" style="position:relative;left:5px;top:2px;">
 <label>Type :</label>
<select id="selection1" class="form-control" [(ngModel)]="type">
      <option *ngFor="let Dropdowns of dropdown" value= {{Dropdowns.ID}}>
    {{Dropdowns.Name}}
</select>
    </div>    
</div>              
    </div>

    <div class=" popup-input">
    <label>Value :</label>
    <input type="text"  [(ngModel)]="Value" value="" class="inputbox" id="textbox_id2">
    </div>



<div  style="width: 5%; float:left">
<div class="flexibleColumn" style="position:relative;left:5px;top:2px;">
 <label>Unit</label>
<select id="selection1" class="form-control" [(ngModel)]="Unit">
      <option *ngFor="let Dropdowns of dropdown2" value= {{Dropdowns.VD_ID}}>
    {{Dropdowns.VDName}}
</select>
    </div>
</div>

                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 popup-secondcontent" >
                    
                        <div class="popup-input">
                            <label>Variable Name :</label>
                            <input type="text" [(ngModel)]="VariableName" class="inputbox" id="textbox_id1">
                        </div>
                        
        
                        <div  class="popup-input">
                            <label>Is Lookup Variable :</label>
                            <div class="styled-select" id="textbox_id5">
                                <select id="selection1" [(ngModel)]="IsLookupVariable" > 
                                    <option selected="selected">Yes</option>
                                    <option [ngValue]="">No</option>
                                    <option [ngValue]=""></option>
                                </select>
                            </div>
                        </div>
                    </div>


                </div>

</div>







<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 container-btn" style="float:center">
    <button class="add-popup" (click)=" SaveVariableValues(Id, VariableName,IsLookupVariable,Unit,Value,VariableType,VariableTypeID,UnitId,MV_ID)" >Add Variable</button> 
    <button class="add-popup">Change</button> 
    <button>Remove</button> <button>View Lookup</button></div>
    <div class="table1">
<table id="myTable" class="col-lg-10 col-md-10 col-sm-10 col-xs-10 accordion-table">
<thead>
<tr><th>&nbsp;</th><th>Variable Type</th><th>Value</th><th>Unit</th><th>Variable Name</th><th>Is Lookup Variable</th></tr>
</thead>
<tbody>
<tr *ngFor="let Variables of grid">

<td>
<span class="custom-checkbox"><input id="first" name="sport[]" type="checkbox" [checked]="isChecked" /></span>
</td>

<td>
{{ Variables.Type}}
</td>

<td>{{ Variables.Value}}</td>
<td>{{ Variables.Unit}}</td>
<td>{{ Variables.Name}}</td>
<td>{{ Variables.Variable}}</td>
      
</tr>
</tbody>
</table>
 </div>
 