javascript - x-editable, how to show specific value when string is empty? - Stack Overflow

admin管理员组

文章数量:1345197

I am trying to show a default value when a field is null or empty (string), and edit mode is disabled using x-editable. Using the attribute "data-value" works great when the field or string is null, for example:

<b><a id="location_name" data-type="text" data-title="Location name" data-placeholder="Location" data-emptytext="Location" data-value="Location">@Model.geoLocation.location_name</a></b> <br />

However, if the string is empty (but not null), the data-value will not show. I was wondering if there is a way to still show the default data-value if the string is empty (i.e., in addition to when it is null).

I am trying to show a default value when a field is null or empty (string), and edit mode is disabled using x-editable. Using the attribute "data-value" works great when the field or string is null, for example:

<b><a id="location_name" data-type="text" data-title="Location name" data-placeholder="Location" data-emptytext="Location" data-value="Location">@Model.geoLocation.location_name</a></b> <br />

However, if the string is empty (but not null), the data-value will not show. I was wondering if there is a way to still show the default data-value if the string is empty (i.e., in addition to when it is null).

• javascript
• x-editable

Share Improve this question Follow asked Dec 6, 2013 at 1:26 gnychisgnychis 7,5851919 gold badges8181 silver badges117117 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 8

This works for me:

<script type="text/javascript">
  $(document).ready(function() {
    $.fn.editable.defaults.mode = 'popup';     

    $('.confirm_assistance').editable({
        url: '<?php echo PATH; ?>controllers/administrator/insert/boardingListPax.php',
        emptytext: 'Text for empty/null value'
    });
});
</script>

The thing here is to use

        emptytext: 'Text for empty/null value'

I am just using || inside the a tag.

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

Also if you want to edit the emptytext all of the inputs you can do this.

$.fn.editable.defaults.emptytext = 'Text for empty/null value';

$.fn.editable.defaults.emptytext = '{{ 'Text for empty/null value' | trans | escape('js') }}';

本文标签： javascriptxeditablehow to show specific value when string is emptyStack Overflow