x-editable

in my x-editable field I have a textarea that I want to update based on the returned value. This works when I use $(this).html(newVal); as shown below success: function(response, newValue) { newVal=unescape(JSON.parse(response).VALUE) $(this).html(newVal); } the problem is when I click to edit the field the second time, the value inside the input object (class: editable-input ) stays the same as it was when it was sent. Is there a way to fix this? the simplest way: $('.textarea').editable({ success: function(response, newValue) { return {newValue: response.newValue}; } } }); remember to return

I have a form within which i have used x-editable plugin for editing a text-field. But i am getting the following script error. Can anyone please tell me some solution for this Form with editable elements should have `editable-form` attribute. <span editable-text="user.name" e-form="textBtnForm" class="ng-scope ng-binding editable"> Working Demo html <div ng-app='myApp' ng-controller="ArrayController"> <form action="#" > <span editable-text="user.name" e-form="textBtnForm"> {{ user.name || 'empty' }} </span> <button class="btn btn-default" ng-click="textBtnForm.$show()" ng-hide="textBtnForm.

I try to extend a specific example of Angular-xeditable Editable row (Bs3) adding the field "date of birth" I've created a jsfiddle to describe the problem http://jsfiddle.net/ffgj62q0/ (right link) <div ng-app="app" ng-controller="Ctrl"> <table class="table table-bordered table-hover table-condensed"> <tr style="font-weight: bold"> <td style="width:35%">Name</td> <td style="width:20%">Date of b</td> <td style="width:10%">Status</td> <td style="width:10%">Group</td> <td style="width:25%">Edit</td> </tr> <tr ng-repeat="user in users"> <td> <!-- editable username (text with validation) --> <span

Im using bootstrap with x-editable and im trying to get it working once the save button from x-editable is clicked the php file should be executed. Ive tried everything within my knowledge to fix this but im not a hardcore javascript programmer so changing it to Json to give it a try is to my perspective a little much effort. Ive read the documentation of x-editable and this should be the way to work with it. So here is the html: <a href="#" class="username">superuser</a> The Javascript: $.fn.editable.defaults.mode = 'inline'; $('.username').editable({ type: 'text', pk: 1, url: 'post.php', });

I am using Bootstrap3 for my frontend development and PHP for backend processing. I am trying to use x-editable plugin in one of my pages(user profile), where I have tens of forms with editable fields. Each form is meant to accept different details of a registered user and hence has all types of inputs(text,date,number,email etc.). My requirements are: Say I have 10 different segments, each having a form to accept a particular set of information [ex. Basic Details or Contact details or Hobbies etc.]. I want to have a single Edit button for one form to make all its fields editable, a single

I am using angular-xeditable to edit elements within a form. I would like to have all the elements in "editable" mode at all times, e.g. no "edit" button needs to be pushed before the user starts editing. I have been trying to use the $show() in my controller to enable the elements in the form, however it seems like the elements goes into viewing state again for example when using "onaftersave" when trying to save the values etc. How do I do in order to always be in edit mode where the user never needs to enable editing in order to start editing the values? bruce.donovan Possibly try adding

I am using x-editable js. My x-editable popover is not shown completely. I think problem in z-index, I tried it on hyperlink but no luck. <script type="text/javascript"> $(function () { $('.extraSectionTitle').editable({ success: function (response, newValue) { if (response.status == 'error') { return response.msg; } } }); $('.extraSectionDescription').editable({ success: function (response, newValue) { if (response.status == 'error') { return response.msg; } } }); }); </script> <div class="row-fluid"> <div class="span7"> <div class="accordion-body collapse in"> <div class="row-fluid" id=

How do you adjust the input width of the popup it doesn't seem like there is any option for it in http://vitalets.github.io/x-editable/docs.html#text we can use tpl inside array of options array( 'class'=>'editable.EditableColumn', 'name'=>'url', 'value'=>'getFullUrl("/").$data->url', 'id'=>'menu_id', 'headerHtmlOptions'=>array('text-align: center;'), 'htmlOptions'=>array(''), 'editable'=>array( 'apply'=>true, 'name' => 'url', 'url'=>$this->createUrl('menuItems/XUpdate'), 'placement'=>'right', 'options'=> array('tpl'=>'<input type="text" style="width: 500px">'), ), ), you could use inputclass