| Sample: dhtmlxFolders | Editable Items | dhtmlxFolders main page |

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

F-icon
F-tiles
F-table

    <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>