script.aculo.us InPlaceEditor 行选项

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

InPlaceEditor 行选项用于指定要在InPlaceEditor 中显示的行数。任何超过“1”的值都将导致多行文本区域作为输入区域。

句法：

{ rows: value }

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

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

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

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

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

HTML

  

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

  

    
        GeeksforGeeks
    
  
    InPlaceEditor rows Option
      
      
    
        The "rows" option is used to specify
        the number of rows to be used in the
        InPlaceEditor.
    
  
      
    
        This element has the rows as the
        default one.
    
      
    Click to edit
    
      
    This element has the rows set to 3 rows.
      
    Click to edit
    
      
    This element has the rows set to 8 rows.
    Click to edit

  

输出：