0

我正在尝试在按钮附近的特定位置创建一个文本区域。这是当前代码：

var test = $('.content-dialog').dialog({
  width: '98%',
  height: $(window).height() - 20,
  position: ['top', 10],
  resizable: true,
  resize: function(evt, ui) {
    CKEDITOR.instances['content[content]'].resize(
      $(this).width() - 5,
      $(this).height() - 10
    );
  },
  close: function(){
    $('span[id="cke_content[content]"]').remove();
  },
  buttons: [
    {
      text: 'Save',
      'class': 'green',
      id: 'content_save',
      click: function(){
        log_dlg.dialog('open');
      }
    },
    {
      text: 'Cancel',
      click: function() {
        $('.content-dialog').dialog('close');
      }
    }
  ]
});

如何在创建按钮的同一容器中创建文本区域字段或仅文本字段？

4

1 回答 1

-1

据我所见，使用过的对话框，我总是用作现有 html 的“装饰器”。

因此，将以下代码装饰为对话框，您将拥有一个带有文本区域的表单作为对话框：

<div class='content-dialog' style='display: none'>
<form action='index.php' method="GET">
your text area
<textarea>
some text
</textarea>
</form>
</div>

添加评论

正如您在此处输入链接描述中看到的，按钮容器是：

.ui-对话框按钮窗格

所以（见技巧行）（代码未经测试）：

<!-- dialog hook -->
<div class='content-dialog' style='display: none'>
</div>


<!-- textarea code -->
<div id='textareacode' style='display: none'>
<form action='index.php' method="GET">
your text area
<textarea>
some text
</textarea>
</form>
</div>


<script type="text/javascript">
var test = $('.content-dialog').dialog({
  width: '98%',
  height: $(window).height() - 20,
  position: ['top', 10],
  resizable: true,
  resize: function(evt, ui) {
    CKEDITOR.instances['content[content]'].resize(
      $(this).width() - 5,
      $(this).height() - 10
    );
  },
  close: function(){
    $('span[id="cke_content[content]"]').remove();
  },
  buttons: [
    {
      text: 'Save',
      'class': 'green',
      id: 'content_save',
      click: function(){
        log_dlg.dialog('open');
      }
    },
    {
      text: 'Cancel',
      click: function() {
        $('.content-dialog').dialog('close');
      }
    }
  ]
});

// here the trick
$('.content-dialog .ui-dialog-buttonpane').append($('#textareacode').text())

</script>
于 2013-07-23T05:51:29.163 回答