Angular-XEditable e-onChange

Question

Here is my code

<span editable-select="item.text" e-ng-options="p.id as p.name for p in products" e-form="rowform" 
          onbeforesave="checkName($data)" e-required e-name="name" 
          e-onChange="scopeFunction($data)">
      {{ showProductName(item.text) || 'Enter Name of a product' }}
    </span>

Is it possible to access controller's $scope in e-onChange?

If I enter e-onChange="scopeFunction(data)" it throws an error "ReferenceError: scopeFunction not defined"

What I want is after selecting a new value to be able to change another field's value.

I wanted to also add that I want the change event to fire before I save the value. — user1076731
– user1076731, Commented May 11, 2015 at 1:22
Hey, I think I managed to do it via onaftersave. I decided to just leave it. Onaftersave doesn't exactly do what I wanted because I wanted another cell's value to change when a user enters some value in the selected editable cell input (before I click "save" changes). — user1076731
– user1076731, Commented May 18, 2015 at 12:11
yes, I have the same problem. i need to change a 2nd cell based on a first cell's change. Xeditable doesn't seem to let you do that during edit mode. — David Whiteman
– David Whiteman, Commented Jul 20, 2015 at 20:09

andzep · Accepted Answer · 2016-11-18 15:16:45Z

12

Use angular's e-ng-change instead (with the 'e-'-prefix for the editable element):

<span editable-select="item.text" 
    e-ng-options="p.id as p.name for p in products" e-form="rowform" 
    onbeforesave="checkName($data)" e-required e-name="name" 
    e-ng-change="scopeFunction($data)">
        {{ showProductName(item.text) || 'Enter Name of a product' }}
</span>

edited Nov 18, 2016 at 15:16

answered Aug 6, 2015 at 7:24

andzep

2,08127 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2017-05-23 10:30:52Z

0

Use e-ng-change="onChange(field)" with e-ng-model-options="{allowInvalid:true}" to trigger onChange events

                   <input 
                      type="text" ng-model="newEntity[field.name]"
                      name="{{field.name}}" placeholder="{{field.placeholder}}"
                      value="{{field.defaultValue}}"
                      e-ng-change="onChange(field)"
                      e-ng-model-options="{allowInvalid:true}"
                   />

Note: e-ng-model-options will help tracking onChange events even if ng-pattern is $invalid. See More: Angular.js - ng-change not firing when ng-pattern is $invalid

edited May 23, 2017 at 10:30

CommunityBot

11 silver badge

answered Nov 6, 2015 at 12:06

Aqib Mumtaz

5,0942 gold badges39 silver badges33 bronze badges

Collectives™ on Stack Overflow

Angular-XEditable e-onChange

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related