AngularJS, Front End Development

AngularJS : Sorting objects on various attributes

In last blog on AngularJS, we implemented text suggestions functionality. Now, let's consider that we have a list of objects with each object having two or more attributes with their corresponding values. The problem is to get the sorted list of objects based on an attribute selected by user at run time. AngularJS provides us a very quick...

by raj
Tag: javascript
21-Sep-2012

AngularJS, Front End Development

AngularJS : Text Suggestions

Let's implement text suggestions functionality using AngularJS. It provides suggestions while we type into the text field. For example, if we have a list of fruits and the user types 'ap', it will show all fruit names that contain these letters. [html] <!Doctype html> <html ng-app> <head> ...

by raj
Tag: javascript
16-Sep-2012

AngularJS, Front End Development

AngularJS : Adding Items to a JavaScript List and updating corresponding DOM Dynamically

I hope you found my previous blog helpful which was about Updating a Label Dynamically with User Input on AngularJS and this blog uses the concept of MVC. Let's consider the following example : [java] <!doctype html> <html ng-app> <head> <script...

by raj
Tag: javascript
14-Sep-2012

AngularJS, Front End Development

AngularJS: Updating a Label Dynamically with User Input

After the basic introduction of AngularJS, we are all set to write code for implementing a simple functionality. Let us consider a simple scenario. There is a textbox, and whenever the text in it changes we need to update a label dynamically. Traditional way of doing this in Javascript is to bind the change event of the textbox, such...

by raj
Tag: javascript
11-Sep-2012

AngularJS, Front End Development

AngularJS : A “Write Less Do More” JavaScript Framework

AngularJS is a javascript framework which helps to make html pages more dynamic with the least possible code. The idea is to write less, do more. AngularJS is based on the concept of MVC ( Model, View & Controller ). Model : It consists of the data that flows in the application. Before the advent of AngularJS, whenever there...

by raj
Tag: javascript
11-Sep-2012

Technology

Common JSP/HTML & Javascript Problems

Some of the commonly faced problems are: 1) In case we give different width combinations for cells of different rows, the width combination of first row is accepted and subsequent combinations are neglected. [html] <tr> <td...

by Vivek Sachdeva
Tag: javascript
31-Aug-2012

Technology

Export very large data from a MongoDB collection using script

In this post, we will learn how to use javascript as MongoDB shell script to export (fields of) a collection.   If you just want to execute MongoDB commands then look at the another post there..   OK, so let's focus back to the objective of this post. Generally, to export data from a MongoDB collection, we use the...

by Salil
Tag: javascript
04-Jul-2012

Grails

Integrating LinkedIn with grails application

In my recent grails project, i needed to integrate LinkedIn with the application using LinkedIn API. I searched a lot about it and find the Java wrapper of linkedIn to use it with my grails application and thought it worth sharing. LinkedIn uses OAuth2.0 protocol for authorization when our application tries to access the data. ...

by Vishal Sahu
Tag: javascript
19-Mar-2012

Grails

Getting started with extJS

Ext.JS JavaScript Framework a cross-browser JavaScript library for building rich internet applications. It is built for developing high performance, customizable UI widgets and features a well designed, documented and extensible Component model. It is available in both Commercial and Open Source licenses are available. Step 1: First...

by Anuj Aneja
Tag: javascript
14-Apr-2011

Technology

Using Google Analytics for tracking Multiple Steps of a Webflow

In one of our projects, we are using a webflow for an order wizard. We needed to track the number of users converting a draft to a confirmed order using Google Analytics. This would have been simple if the URLs were different for each step. However, that is not the way webflows work and a similar URL is generated for multiple steps. After...

by Vivek Krishna
Tag: javascript
28-Feb-2011

Grails

File Uploading using plupload plugin of jquery.

In my grails project i was having the requirement of having multiple file uploading, but in current implementation there was the problem of button being not loaded in Internet Explorer.For that i found plupload very cool to implement this. It has very cool feature of drag and drop and support for almost all browser. Actually what it does...

by Anuj Aneja
Tag: javascript
14-Feb-2011

Technology

JQGrid Expanding SubGrid on page load

Hi,   Recently guys, i faced problem while expanding the JQGrid SubGrid onLoad of the page.   Initially, i used the following code on gridComplete Event of JQGrid, Using the code given below, i am only able to expand grid but without data populated in subgrid. gridComplete: function() { var rowIds =...

by Tarun Pareek
Tag: javascript
13-Feb-2011