How to install plugin for ExtJS

By  •  ExtJS

ExtJS is a JavaScript library for building rich internet applications. It’s compatible with major browsers and is used to build rich, sustainable web applications, fast.

One of the good thing about ExtJS is that it supports plugin. Another good thing is, ExtJS plugins doesn’t need any installation. What you have to do to use it is to just include the plugin in your HTML code the same way as you include other JavaScripts, as the following example.

<script type="text/javascript" src="myextjsplugin.js"></script>

What’s important is the loading sequence. Depending on your code, and plugin, you might need to load the plugin before loading the core ExtJS libraries, but that just depends.

How to hide grid column in ExtJS

By  •  ExtJS

ExtJS is a Javacript based rich internet application (RIA) framework. One of the most useful feature of ExtJS is the grid feature.

The following is one way to declare a column in ExtJS grid.

columns: [
    xtype: 'gridcolumn',
    header: 'Date / Time',
    sortable: true,
    width: 120,
    dataIndex: 'time'
  //more columns

Using the above code, the column is created but user has the option to hide it by not selecting the column in the grid’s column menu. Here’s how column menu looks like in a sample application.

Un-check the Date / time checkbox and the column will not be displayed on the grid

To not show it by default when the application starts, add the following line to the column code when creating a grid

hidden: true

To completely disable the column, without the option to enable / show the column, add the following line as well.

hideable: false

The user now has no option to show the column.