script.aculo.us InPlaceEditor cols 选项

script.aculo.us 库是一个跨浏览器库，旨在改进网站的用户界面。 Ajax.InPlaceEditor 用于使元素可编辑，从而允许用户编辑页面上的内容并将更改提交到服务器。

InPlaceEditor cols选项用于指定要在InPlaceEditor 中显示的列数。此属性适用于单行和多行区域输入。

句法：

{ cols: value }

参数：此选项具有如上所述和如下所述的单个值：

• value：这是一个数字，用于指定要在编辑器中显示的列数。

下面的示例说明了此选项的使用。

例子：

需要以下脚本来模拟将数据保存到服务器。

下面的脚本通过示例演示了这一点：

HTML

  
  
  
  
  
    window.onload = function () {
  
      // Default InplaceEditor with no
      // options
      new Ajax.InPlaceEditor(
        'editableElement',
        'http://localhost/tmpscripts/inplace.php',
      );
  
      // InplaceEditor with the cols
      // option changed to a custom value
      new Ajax.InPlaceEditor(
        'editableElement2',
        'http://localhost/tmpscripts/inplace.php',
        {
  
          // Specify the number of columns
          // to be used in the InplaceEditor
          cols: 5
        }
      );
  
      // InplaceEditor with the cols
      // option changed to a custom value
      new Ajax.InPlaceEditor(
        'editableElement3',
        'http://localhost/tmpscripts/inplace.php',
        {
  
          // Specify the number of columns
          // to be used in the InplaceEditor
          cols: 60
        }
      );
    }
  


  
    GeeksforGeeks
  
  InPlaceEditor cols Option
    
The "cols" option is used to specify
    the number of columns to be used in
    the InPlaceEditor.
  
  This element has the cols as the
    default value.
  Click to edit
  
  This element has the cols set to 5.
  Click to edit
  
  This element has the cols set to 60.
  
    Click to edit multiline
  

输出：