Sandeep Kumar Patel's Blog, page 9

Creating Custom Partial In Handlebar

"PARTIAL" are very handy in Handlebar templating. Yo can see my previous post for basics of Handlebar templating. In this Demo, " We will see how to create and and register a handlebar partial ". The project structure is as below:- In this demo we have created a partial for "address" object which have two fields "country" and "state". The address partial will style the country (with uppercase and some color) and for state (capitalize and some color). To register a new partial we need to use reg...

Creating A Custom Handlebar Expression Helper

Handlebar Expression Helper are used for creating custom/user defined templates. You can see my previous post in basics of Handlebars. In this Demo, " We are going to see How to create a Custom Expression Helper ". Custom Expression helpers are very helpful as it can be called inside a Handlebar template.While compiling the handlebar template it looks for nay used custom helper defined inside.Then it resoles those helpers and generates the compiled template. In my previous post on handlebar we...

Using Handlebar Template For JSON Response

"Handlebars" is JavaScript library library for templating in client side. It is really good for JSON data templating rendering.You can get more details from the below link:-                        http://handlebarsjs.com/ In this Demo, "We will see how to to templating in JSON data response and render it in HTML" . In this demo we have used bootstrap.css file for styling the rendered student table. {{...}} is used for templa...

Configuring Compass In Eclipse For Java Web Project

COMPASS is an SASS based css authoring framework which simplifies a CSS authoring. For more detail about COMPASS you can go through my previous post.In this Demo, "We will see how to integrate the compass into Eclipse and Use it in a Java based dynamic web project". I assume that Ruby and Compass is already installed in your system or else you can refer my previous post to know about installation of compass in your machine. Let's create Dynamic Web project "DemoApp".Bellow screenshot shows a...

AjaxForm : Asynchronous Form Submit

Jquery Ajax Form provides the facility to submit a form Asynchronously. This plugin is really helpful form Asynchronous file upload.However in this post I am showing only normal field submit. You can find more about this plugin from the below link:-                                      http://malsup.com/jquery/form/
In this Demo "We will create a form and style them in bootstrap and initialize t...