Learn from Saki

Knowledge is power

This content is for registered users only. Please login.
Hello! To access your account, please Log in. Not a member? Sign up
  • Videos
  • Blog
  • Examples
  • Services
  • Add-ons
  • About

ExtJS Tree Icon Plugin

Description

This plugin finds first tree column in the tree panel or tree grid it is plugged into and implements a custom template that renders tree node icons using glyphs from Font Awesome, or another icon-font. It also understands iconColor field that can be used to set icon colors.

Live Demo

Main Features

  • implements icon-font support in trees and treegrids
  • uses iconCls field to set the icon glyph
  • uses iconColor field to set the icon color
  • uses default folder and leaf icons if iconCls is null
  • very easy to configure
  • fully documented
  • tested and workable in Ext 4.2.2, 5.0.1 and 5.1.0
[wp_eStore_saki_add_to_cart id=25]

Versions

Version 1.1.0 for Ext 5.x – 1. February 2015

  • Initial release

Product Images

Note: These images show version 1.0.0

Design Goals

The main goal was simply to implement support for Font Awesome and other icon-fonts and have the possibility to set colors of icons.

Quick Start Guide

  1. Extract the downloaded zip file anywhere in your HTTP server accessible folder
  2. Navigate to http://localhost/where-you-unzipped/saki-tree-icon/docs
  3. Follow the instructions in the Getting Started Guide

Known Problems

None. [wp_eStore_saki_add_to_cart id=25]

Author:

  • Author
  • Recent Posts
Follow me:
saki
I'm a well seasoned developer, consultant and educator of web applications based mainly on Sencha libraries, PHP, MySQL and Node.js. Besides (Apple) computers, I love photography and mountain biking.
Follow me:
Latest posts by saki (see all)
  • Ext, Angular, React, and Vue - June 27, 2019
  • The Site Resurgence - February 11, 2018
  • Configuring ViewModel Hierarchy - June 19, 2015

Categories

  • Addons (2)
  • Architecture (14)
  • Examples (2)
  • ExtJS (26)
  • Howtos (16)
  • Javascript (1)
  • Know-how (32)
  • Linux (1)
  • Mac OS X (2)
  • SASS/CSS (2)
  • Snippets (9)
  • Theory (14)
  • Touch (6)
  • Tutorials (5)
  • What is a … (9)

Tag cloud

abstract class accordion application button class cluster column component config css definition deprecated design education event example extension extjs factory function form grid html initComponent items javascript Know-how knowledge layout Linux listener mysql old panel pattern php plugin render snippet sql sqlite state table touch tree viewpoint

Membership

Become a Member
Affiliate Program

Support

FAQ
Contact

Legal

Terms and Conditions
Licensing
Privacy Policy

Copyright © 2021 · Dynamik-Gen on Genesis Framework · WordPress · Log in