Stack Overflow
Stack Overflow

Questions tagged [angular-xeditable]

Angular-xeditable is a bundle of AngularJS directives that allows you to create editable elements.

github

https://github.com/vitalets/angular-xeditable

website & deoms

https://vitalets.github.io/angular-xeditable/

syntax

<a href="#" editable-text="user.name">{{ user.name || "empty" }}</a>

screenshots

View mode:

View mode

Edit mode:

Edit mode

36 questions
0
votes
2 answers

Is it possible to add editable-form attribute to a editable form with anjularjs+angular-xeditable?

Thymyleaf does not allow to add "editable-form" attribute since it is not well formed. Is there any alternative way to do this? application.properties spring.thymeleaf.mode=LEGACYHTML5 Thymyleaf Template
Pradeep Sanjaya
  • 1,816
  • 1
  • 15
  • 23
0
votes
1 answer

Using select options xeditable angularjs

I am trying to edit table which contains a select drop-down menu. For that, I am using xeditable for angularjs. My HTML file containt:
Shashi Ranjan
  • 1,491
  • 6
  • 27
  • 52
0
votes
1 answer

How to make angular-xeditable use bootstrap-3 form style?

Here's the example: https://vitalets.github.io/angular-xeditable/#editable-form There are several problems: When editing, it puts input inside '' It doesn't add 'form-control' class How to you make angular-xeditable work with bootstrap-3…
user1633272
  • 2,007
  • 5
  • 25
  • 48
0
votes
0 answers

Angular-xeditable disable rendering the particular element to editable mode

Below is the sample Code availabe in the link I am trying to achieve my use case. In this table, I will have one more column as first column which is an checkbox. On selecting the "Edit" button, only the selected checkbox rows from the table should…
Soorya Prakash
  • 921
  • 3
  • 9
  • 29
0
votes
1 answer

How to make an xeditable select input mandatory (required) in AngularJS

I have an AngularJS project that uses Angular Bootstrap and I use the Angular-xeditable library for some edit-in-place fields in a table. One of the inputs I have is a "select" input, i.e. a drop-down list that allows a user to select one option.…
Stanley
  • 5,261
  • 9
  • 38
  • 55
0
votes
1 answer

Angular Xeditable - can't get correct value for validation using onbeforesave event

I am trying to add validation logic to the editing of message format values we use. I have created plunker here to show the issue. Here is the code for the curly brace validation. vm.formatCheck = function (resource)…
Paolo B
  • 3,026
  • 5
  • 21
  • 43
0
votes
0 answers

Angular- xeditable with ui select inside Form element

I want editable-ui-select inside form tag. But it is not working inside form element. Here is my code
Anita
  • 2,352
  • 2
  • 19
  • 30
0
votes
1 answer

Angular-xeditable e-max attribute not working with a variable

I have the following tag: {{ prod.qty_return }} prod.Cantidad is an integer, but I don't know why it isn't being accepted…
Marilyn García
  • 105
  • 1
  • 13
0
votes
0 answers

xeditable e-formclass is not working with textarea

I am using the xeditable plugin in angular js.It has e-formclass attribute which provides class into form and its work fine with textbox but when I am using with textarea it's not working. Textarea var app = angular.module("app",…
Kushal Suthar
  • 423
  • 6
  • 21
0
votes
2 answers

stop scroll to top by clicking angular xeditable field in ng-repeat form

When I click on one of the xeditable fields in my form which is populated by ng-repeat, the form scrolls to the top.

Map…

Bonnard
  • 389
  • 2
  • 8
  • 26
0
votes
1 answer

angular xeditable prevent onclick open all fields in edit mode

I am using angularjs xeditable for one of the fields in my form. PLUNKER LINK I add shops using google maps api autocomplete. I can add as many as I want. City and country fields get updated accordingly, and also the address field, which is in…
Bonnard
  • 389
  • 2
  • 8
  • 26
0
votes
0 answers

Access all forms in Angular xeditable

Im having a hard time figuring out how to access multiple forms in xeditable table forms. my form name is "rowform" and i want to access inputs from all forms in controller. i tried to access using $scope.rowform but it is returning "undefined".…
vijay varikol
  • 81
  • 3
  • 10
0
votes
0 answers

How to get data from angular expressions {{}} in to script

I am using angular xeditable text and I am trying to edit a text in a table row. whenever I click on a text it creates a textbox properly but it does not put the data in which should be edited. I do not know how to assign that text to the $scope…
Prasanna
  • 79
  • 2
  • 11
0
votes
3 answers

$scope.Form.field.$dirty = true is not working

I want to set dirty flag for edited cells in the table. When I click the save button I need to check the edited field is dirty is true or not. Because X-editable is updating entire table cell values both edited and unedited cell values.I need to…
MNK
  • 121
  • 1
  • 2
  • 13
0
votes
0 answers

prevent the entire table cell to edit, allow only clicked row to edit using xeditable with angularjs

I am using x-editable to edit the table. It is activating entire table cells and rows to edit. I need to edit only clicked row alone. The Code I have used to edit the table. How to make the particular row as editable using x-editable. Inside the…
MNK
  • 121
  • 1
  • 2
  • 13
1
2
3