Category Archives: Javascript

How I applied Bundling in my application

While trying to optimize my old asp.net application, I found that lot of java script files and css files are affecting the performance of my web applications.To optimize the performance of an application I found that bundling and minification can significantly improve the performance. It can be applied on MVC as well as in ASP.NET web forms. So I decided to take a hand on this. Before applying bundling and minification, it is good to understand the basic logic behind this.

Read the rest of this entry

Advertisements

Basics of OOPS Concept in JavaScript

Javascript is one of the most popular programming language that is used to create interactive effects with web browsers. Like .net, java, php, c++ etc javascript is also a Object Oriented Programming Language but it does not supports OOPS in same way as all other languages does.
For eg. In javascript there is no classes but there’s a way in javascript through which we use classes concept.

Read the rest of this entry

Get familiar with Lightwindow – not just another light whatever

I am pretty sure like me, many of you will be thinking same looking at those fancy popups which open on currently running rich UI websites. What if I can do same to incorporate such a window in my piece of work.

I crossed path with this awesome library called Lightwindow v2.0 when one of my colleague introduced me to it.

This is one of those javascript libraries which will help you to achieve those fancy looking popups, image galleries. It is really easy to implement. Quite fast & gives very awesome looking results I must say.

During my experience implementing it, I encountered some issues which really made me scratch my head hard. So let me take you along on my journey of dealing with this library and hopefully you can find answers to all your problems and doubts related to this library at the end of this journey.

Read the rest of this entry

State Management In Kendo UI Grid

Introduction to Kendo Grid:

Grid came into existence to fulfill the need of data presentation in applications. Since it’s creation it has been an undisputed choice for data presentation. Kendo Grid is a third party tool which goes extramile and provides much more than mere data presentaion. It caters a large set of end user needs i.e Sorting, Paging, Filtering, Reordering, Resizing and many more as it’s inbuilt components.

Read the rest of this entry

Telerik RadGrid Client Side Binding Using JavaScript

Before going to start about the code, I would like to tell you something about Telerik. Well, Telerik adds magic in our application. Its a third party tool that enhances the functionality of asp.net. If you have never used telerik and want to know more, I would suggest you to go through below links:-
http://www.telerik.com/
http://visualstudiogallery.msdn.microsoft.com/05896521-cda2-4c2e-9f5d-e562fe5059b0

In this article I am going to tell you, how to bind Telerik RAD grid using java script.

Read the rest of this entry

Knockout.js: Pagination with ASP.NET Web API (or WCF service)

Introduction
In this article, I am trying to implement HTML table as a grid with pagination using knockout.js. This is the easiest way to get page wise data from server using ASP.NET Web API (or WCF service) and display them as a grid.

Before we jump in to this article, let’s have a look at the standard definition of Knockout.js and ASP.NET Web API:

Knockout.js is a JavaScript library that helps you to create rich, responsive displays and editor user interfaces with a clean underlying data model. Any time you have sections of UI that update dynamically (e.g., changing depending on user’s actions or when an external data source changes), KO can help you implement it more simply and maintainable.

ASP.NET Web API is a framework that makes it easy to build HTTP services that reach a broad range of clients, including browsers and mobile devices. ASP.NET Web API is an ideal platform for building RESTful applications on the .NET Framework.

Read the rest of this entry

Knockout.js: Built in Bindings

Introduction:
The Built in bindings are built into knockout.js and facilitate binding to attribute for elements. We can use multiple bindings separated by commas.

The built in bindings are categorized as:

1. Bindings to control text and appearance

  • text
  • html
  • visible
  • css
  • style
  • attr

Read the rest of this entry

Knockout.js and Model-View-View Model (MVVM) Pattern

Introduction:
Knockout.js is a javascript library that helps us to create rich and responsive use interfaces with a clean data model.

Features:
1. Declarative Bindings – A simple way to bind a part of UI to data model.
2. Dependency Tracking – Automatically updates right part of UI when data model changes.
3. Templating – A simple way to make nested UIs as a function of view model data.
4. Trivially Extensible – With a just few line of code, we can implement custom behaviors as new declarative binding for easy reuse.

Read the rest of this entry

%d bloggers like this: