О редактировании, как предварительно заполнить x-редактируемое всплывающее окно существующим текстом из текстового поля внутри тега <a> - PullRequest
Новая
       27

О редактировании, как предварительно заполнить x-редактируемое всплывающее окно существующим текстом из текстового поля внутри тега <a>

0 голосов
/ 04 апреля 2019

Я рендерил около 100+ полей после загрузки данных из БД, я намерен показать эти поля как обычные редактируемые текстовые поля с данными в них.Но когда пользователь нажимает на любое из этих полей, должно появиться всплывающее окно, редактируемое по x, и в нем должно быть предварительно заполнено значение текстового поля (чтобы пользователю не приходилось вводить все).

ВотHTML-код: 

<a href="#" data-type="text" id="abn" data-pk="1" data-url="/post" data-title="Enter ABN">
 <input type="text" id="abn" name="abn" class="form-control" value="<?php echo $drvData->ABN; ?>" >
</a>

в JS Im просто делает это: 

$.fn.editable.defaults.mode = 'popup';
$('#abn').editable();

Но проблема в том, что если я установлю атрибут x-editable «data-value», он будет отображаться какHref не как текстовое поле.но если я использую 

<input type="text" value="<?php echo $drvData->ABN;?>" ...>

, он показывает всплывающее окно как пустое, кто угодно может помочь мне, я думаю, это как-то связано с .editable () для передачи значения, но не уверен, как это сделать.

1 Ответ

0 голосов
/ 27 мая 2019

Я не уверен, что это правильный способ решения проблемы, но он отлично сработал для меня:

Внутри тега вместо использования я использовал и сделал что-то вроде этого: 

<a href="#" data-type="text" id="ABN" data-pk="1" data-url="/post" data-placement="right" data-title="Enter ABN">
<textarea id="abn" name="abn" class="form-control" >
<?php echo $drvData->ABN; ?>
</textarea>
</a>

и в CSS я сделал это, чтобы показать текстовую область в качестве поля ввода: 

<style> textarea {  height: 38px;  resize: none;} </style>

К вашему сведению, используя: $.fn.editable.defaults.mode = 'popup';

Я много искал, но не смог найтивсе, что вы можете вставить поле ввода в тег привязки, кроме этой работы, я должен был заставить это работать, поэтому я сделал это следующим образом:)

...