<aura:component controller="ActionController"  implements="force:hasRecordId,force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:lightningQuickAction">
<aura:attribute name="theId" type="String"/>
<aura:attribute name="options" type="String[]"/>
<aura:attribute name="wrplst" type="WrapperCriteria[]"/>
<aura:handler name="init" value="{!this}" action="{!c.doInit}"/>
<p> <b>Creating Action Criteria </b></p>
<h3 class="slds-section-title--divider"><I> Action Criteria</I></h3>

<table >
    <tr class="slds-text-title--caps">
        <th class="head"><I>Action</I></th>
        <th class="head"><I>Object Name</I></th>
        <th class="head"><I>Component</I></th>
        <th class="head"><I>Operator</I></th>
        <th class="head"><I>Special Operator</I></th>
        <th class="head"><I>Special Operator * Value</I></th>
        <th class="head"><I>Special Operator / Value</I></th>
    </tr>
    <aura:iteration items="{!v.wrplst}" var="a">
        <tr>
            <td class="cell" >
                <p>
                    <button type="button" onclick="{!c.RemoveClick}">remove</button>
                </p>

            </td>
            <td class="cell" >
                <ui:inputSelect  label=" " aura:id="obId" change="{!c.doSomething}">
                    <option value="">--None--</option>
                    <option value="Pay_Element_Master__c">Pay Element</option>
                    <option value="CTC_Master__c">CTC Master</option>
                </ui:inputSelect>
            </td>
            <td class="cell" >
                <P>
                    Based on rerender
                </P>
            </td>
            <td class="cell" >
                <p>
                    <lightning:select name="selectItem" label=" ">
                        <option value="None">None</option>
                        <option value="+ Addition">+ Addition</option>
                        <option value="- Subtract  ">- Subtract</option>
                        <option value="* Multiply ">* Multiply</option>
                        <option value="/ Divide">/ Divide</option>
                    </lightning:select>
                </p>
            </td>

            <td class="cell" >
                <p>
                    <lightning:select name="selectItem" label=" " >
                        <option value="None">None</option>
                        <option value="*">*</option>
                        <option value="*/">*/</option>
                        <option value="/">/</option>
                    </lightning:select>
                </p>
            </td>

            <td class="cell" >
                <p>
                    <ui:inputText value="{!a.specialOperatorValue}"/>
                </p>
            </td>

            <td class="cell" >
                <p>
                    <ui:inputText value="{!a.specialOperatorSlashValue}"/></p>
            </td>
        </tr>
    </aura:iteration>
</table>
<lightning:button variant="brand" label="Add row" onclick="{!c.AddRow }" />

({

doInit: function(component, event, helper) {
    helper.pageLoad(component);

},
doSomething: function(component, event, helper) {

    var xval = component.find("obId").get("v.value");
    alert('xval  :::' + xval);

},
opChange: function(component, event, helper) {
    var yval = component.find("ob").get("v.value");
    alert('yval  :::' + yval);
},
RemoveClick: function(component, event, helper) {

},
AddRow: function(component, event, helper) {

 }
});