Editable Items

dhtmlxFolders provides the possibility to edit items inline. By default dhtmlxFolders object edit mode is off. You need to turn it on with enableEditMode method.

Also, as far as item and its editable part can vary depending on your needs, you have to redefine applyValue method in order to apply new value to the apropriate properties of item's data object (xml node or json object)

Change Items Type

 
<div id="folders_container" style="width:400px;height:300px;overflow:hidden;"></div>
    
<script> 
    //Initialize dhtmlxFolders
    var myFolders;
    myFolders = new dhtmlxFolders("folders_container");
    //set type of items
    myFolders.setItemType("ficon");
    //set icons_src_dir value. will be used as path to icons in ficon.xsl
    myFolders.setUserData("icons_src_dir","../images");
    //load data and items type xsl file 
    myFolders.loadXML("files_ext.xml","../../codebase/types/ficon.xsl");
    
    
    //Function which changes items type
    function changeType(type){
        //change item type without reloading data
        myFolders.setItemType(type, "../../codebase/types/"+type+".xsl");
    }</script>