第二部分： Dijit 2.4 内嵌编辑框

回到目录

Fri, 04/27/2007 - 00:03 — criecke

当不在编辑状态的时候，这个部件表现的象一个<div> 标签，当被包含的文字被点击的时候，部件就进入了编辑状态。在这个状态下，之前显示的文字被隐藏，另外一个编辑部件在同一位置显示出来。

例子

  
  

   
   

    
    
    
    <
    
    span 
    
    dojoType
    
    ="dijit.form.InlineEditBox"
    
    >
    
    
    
    
    <
    
    textarea 
    
    dojoType
    
    ="dijit.form.ResizableTextarea"
    
    >
    
    edit me
    
    </
    
    textarea
    
    >
    
    

    
    </
    
    span
    
    >
    
    

   
   
  
  

在这个例子中，可变大小文本域部件是可编辑的部件。缺省显示的文字（edit me）在点击后可以被修改。

 可编辑部件可以是实现了接口 （setTextValue(String value) ; String value = getTextValue() ; void focus();）的任何部件。可编辑部件的setTextValue() 方法被之前显示的文字所调用。当保存按钮按下，可编辑部件的getTextValue() 方法被调用来获得新的文字。之后，可编辑部件被隐藏，返回的文字被显示。 focus 方法允许编辑中的部件把焦点设置在合适的节点上。

部件参数：出来上面列出的相关参数，还有一些其他的参数：

editing: Boolean	判断节点是否处于编辑状态
saveButton: String	保存按钮的标签
cancelButton: String	取消按钮的标签

 

回到目录