Friday, May 25, 2018

Using aggregation in ui-grid AngularJS

No comments

What is Aggregation and how to use aggregation in ui-grid ?

Thursday, May 24, 2018

Setup Hamburger Menu on ui-grid -AngularJS

1 comment
In this post we will setup a hamburger grid menu on the ui-grid.

The hamburger grid menu enables you to show all the grid level actions at one place .This is a very simple task . Just include all the required modules and dependencies for angular ui-grid to work as shown in the example plunker below . Once this is done let’s configure the gridoptions to enable grid menu and populate the menu options .

Wednesday, May 23, 2018

Setup Right click event on a row in ui-grid - AngularJS

No comments

In this post we will see how to setup a custom right click menu (context menu) on a ui-grid row .

Tuesday, May 22, 2018

Setup Double click event on a row in ui-grid - AngularJS

27 comments


How to implement a double-click event in a ui-grid table i.e enable double click on the ui-grid and show an alert or launch a popup modal?

Monday, May 21, 2018

Filter ui-grid rows using select dropdown in cell header-AngularJS

No comments

In this post we will see how to add a select dropdown to a cell header in ui-grid and filter the grid rows based on the selection  (here you know that the dropdown has predefined set of values). 

Monday, May 14, 2018

Open a modal in AngularJS using $uibModal Service

5 comments
 You will often have to launch popup modals on your SPA when certain events are fired . For example when click a button or when you double-click a grid row or when you hit enter using your keyboard on a ui-grid row .For all these scenarios ,$uibModal  service can be used to create popup windows in your Angular SPA.

Friday, May 11, 2018

Datepicker with Angular directives for Bootstrap

No comments
In this post we will see how to setup a Datepicker popup with angular directives for bootstrap. 


binding html to an element in AngularJS using ngBindHtml

1 comment


Sometimes you just have to insert some HTML content returned from any source into your Angular SPA . The ngBindHtml directive evaluates the expression and inserts the resulting html into an element .

Thursday, May 10, 2018

Tabs with ng-route - AngularJS

8 comments
The ngRoute module provides routing services and directives for Angular JS. It enables URL routing in our application and so it helps in implementing a tabbed UI in our application. 

Tuesday, May 8, 2018

Handling multiple checkboxes with custom directive Angular JS

No comments
While dealing with check boxes you might have come across a scenario where you need to update the selection  of  a list of check boxes to a database and vice versa .

Wednesday, May 2, 2018

Removing duplicates from ng-options select dropdown Angular JS

No comments

How to remove duplicates from select dropdown ?