AngularJS Hosting - HostForLIFE.eu :: How to Filtering and Sorting HTML Table Data With AngularJS?

May 27, 2015 08:08 by author

Now, I am going to tell you about How to Filtering and Sorting HTML Table Data With AngularJS. There should be three cascading dropdowns to filter the data in the table. You should also be able to sort the table. And here is the following code:

    angular.module('tableApp', [])
    .controller('tableCtrl', ['$scope', '$http', '$timeout',function($scope, $http)
    {
         $http.get('tableData/practionerData.json').success(function(data)
         {
             $scope.practionerData = data;
         }
         );
         $http.get('tableData/practionerType.json').success(function(practionerdata)
         {
              $scope.practionerType = practionerdata;
         }
         );
         $http.get('tableData/practionersByType.json').success(function(practionersByType)
         {
               $scope.practionersByType = practionersByType;
         }
         );
         $http.get('tableData/OrganizationByPractioners.json').success(function(OrganizationByPractioners)
         {
               $scope.OrganizationByPractioners = OrganizationByPractioners;
         }
         );
      }
    ])

Next step, I am going to populating the data in $scope with the JSON file. I can do it with the web service also. I can also post the scope data to the server with the web service. And here is the HTML page code:
    <!DOCTYPE html>
    <html lang='en' ng-app='tableApp'>
    <head>
    <title>Table Example</title>
        <script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular.js'></script>
        <script src='js/controller.js' type='text/javascript'></script>
        <link href='style.css' type='text/css' rel='stylesheet' />
    </head>
    <body ng-controller='tableCtrl'>

   <div id="content">
    <table id='practitioner_table' >
                       <tr>
                <th colspan="7" style="text-align:right">
                        <i class="fa fa-search">search
                           <select ng-model="searchObj.practitionerType" ng-options="item.practitionerTypeID as item.practitionerTypeID for item in practitionerType">
                        <option value="">--Select--</option>
                    </select>
                              <select ng-disabled="!searchObj.practitionerType" ng-model="searchObj.practitioner_master_id" ng-options="item.practitioner_master_id as item.practitioner_name for item in practitionersByType| filter: {practitionerTypeID:searchObj.practitionerType}">
                        <option value="">--Select--</option>
                    </select>
                    <select ng-disabled="!searchObj.practitioner_master_id" ng-model="searchObj.organizationName" ng-options="item.organizationName as item.organizationName for item in OrganizationByPractitioners|filter:{practitioner_master_id:searchObj.practitioner_master_id}">
                        <option value="">--Select--</option>
                    </select>
                    </i>
                    </th>
               </tr>
            <tr>
                <th><a href="#" ng-click="predicate = 'practitionerType';reverse=!reverse">Practitioner Type</a> </th>
                <th><a href="#" ng-click="predicate = 'practitioner_name';reverse=!reverse">Practitioner Name</a></th>
                <th><a href="#" ng-click="predicate = 'organizationName';reverse=!reverse">Organization Name</a></th>
               </tr>
            <tr ng-repeat="practitioner in practitionerData | orderBy:predicate:reverse| filter: {practitionerType:searchObj.practitionerType,practitioner_master_id:searchObj.practitioner_master_id,organizationName:searchObj.organizationName}">
              <td   ng-class-odd="'odd'" ng-class-even="'even'"> {{practitioner.practitionerType}}</td>
                <td   ng-class-odd="'odd'" ng-class-even="'even'"> {{practitioner.practitioner_name}}</td>
                <td   ng-class-odd="'odd'" ng-class-even="'even'"> {{practitioner.organizationName}}</td>
           </tr>
    </table>
    </div>
    </body>

Finally, I am populating the dropdown and table with scope data. Remember that the <select> tag and I am cascading the dropdowns using “filter” in “ng-options”. “ng-disabled” is used to keep the child dropdown disabled until the parent dropdown has the value.

AngularJS with Free ASP.NET Hosting

Try our AngularJS with Free ASP.NET Hosting today and your account will be setup soon! You can also take advantage of our Windows & ASP.NET Hosting support with Unlimited Domain, Unlimited Bandwidth, Unlimited Disk Space, etc.

Comments (0) | RSS comment feed

Comment RSS

AngularJS with Free ASP.NET Hosting - HostForLIFE.eu :: How to Make Facebook Style AutoComplete in AngularJS with ASP.NET MVC?

May 19, 2015 10:31 by author

Peter

In this tutorial, I will explain you how to make facebook style autocomplete in AngulaJS with MVC. First step, you must include the following libraries, AngularJS and ui-bootstrap-tpls.

After that, create a new ASP.NET MVC project and then Add a Home Controller. Add a Index view. Now, write the following code to your index view:
<html ng-app="myApp">
<head>
    <script src="~/Scripts/angular.min.js"></script>
    <script src="~/Scripts/ui-bootstrap-tpls.min.js"></script>
    <script src="~/Scripts/AutoCompleteDemo.js"></script>
    <link href="~/Css/bootstrap.min.css" rel="stylesheet" />
</head>
<body>
    <div class="container">
        <div ng-controller="myCtrl" class="row-fluid">
            <form class="row-fluid">
                <div class="container-fluid">
                    Code <input type="text" ng-model="selectedCode" />
                    City <input type="text" typeahead-on-select="setcode($item)" ng-model="selected" typeahead="Cityx.CityName for Cityx in City | filter:$viewValue" />
                </div>
            </form>
        </div>
    </div>
</body>
</html>

Now, binding typeahead directive to our input field. Make a js file and name it as AutoCompleteDemo.
Write the below code to it:
angular.module('myApp', ['ui.bootstrap'])
    .controller("myCtrl", function ($scope) {
        $scope.selected = '';
        $scope.City = [
                    { code: 'AL', CityName: 'Alabama' },
                    { code: 'ID', CityName: 'Idaho' },
                    { code: 'CA', CityName: 'California' },
                    { code: 'NV', CityName: 'Nevada' },
                    { code: 'NY', CityName: 'New York' },
                    { code: 'FL', CityName: 'Florida' },
                    { code: 'KS', CityName: 'Kansas' },
                    { code: 'OH', CityName: 'Ohio' },
                    { code: 'TX', CityName: 'Texas' },
        ];
       $scope.setcode = function (selection) {
            $scope.selectedCode = selection.code;
        };
});

In above code.
a) First Inject the dependency on ui.bootstrap module.
b) Create sample list of city with their code to see AutoComplete.

AngularJS with Free ASP.NET Hosting

Try our AngularJS with Free ASP.NET Hosting today and your account will be setup soon! You can also take advantage of our Windows & ASP.NET Hosting support with Unlimited Domain, Unlimited Bandwidth, Unlimited Disk Space, etc.

Comments (0) | RSS comment feed

Comment RSS

AngularJS with Free ASP.NET Hosting - HostForLIFE.eu :: How to Upload a Picture Using AngularJS with ASP.NET 5?

May 5, 2015 11:24 by author

Peter

Today, I will show you how to upload a picture using AngularJS with ASP.NET 5. First, you must create a new project and then write the following code:

Web.config File
    <appSettings>
       <add key="Filesize" value="50KB"/>
       <add key="ChartImageHandler" value="storage=file;timeout=20;dir=c:\TempImageFiles\;" />
    </appSettings>

Asp File
    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
    Try
    Response.Clear()
    Dim fileid As String = System.Guid.NewGuid.ToString()
    Dim imgsize As String = ConfigurationManager.AppSettings("Filesize")
    Dim a As String = Context.Request.Files.Get(0).ContentLength.ToString
    Dim b As String = Math.Round(a / 1024)
    Dim c As String = imgsize.Replace(("KB").ToString, "")
    If Val(b) < Val(c) Then
        Context.Request.Files.Get(0).SaveAs("D:\manish\Project\Project\upload\" & fileid & ".jpg")
        Response.Write("True|" & fileid)
    Else
        Response.Write("False|Select File Less Then " + imgsize + " || Your File Size is " + b + " KB")
    End If
    Response.End()
    Catch ex As ArgumentOutOfRangeException
    MsgBox("'Select A File' Then Click On Upload Button")
    End Try
    End Sub

JS File
    var myApp = angular.module('myApp', ['ui.bootstrap']);
    //upload a file code
    myApp.directive('fileModel', ['$parse', function($parse) {
       return {
            restrict: 'A',
            link: function(scope, element, attrs) {
                var model = $parse(attrs.fileModel);
                var modelSetter = model.assign;
                element.bind('change', function() {
                    scope.$apply(function() {
                        modelSetter(scope, element[0].files[0]);
                    });
                });
            }
        };
    }]);
    myApp.service('fileUpload', ['$http', function($http) {
        this.uploadFileToUrl = function(file, uploadUrl) {
            var fd = new FormData();
            fd.append('file', file);
            $http.post(uploadUrl, fd, {
                transformRequest: angular.identity,
                headers: {
                    'Content-Type': undefined
                }
            })
                      .success(function(data) {
                if (data.split("|")[0] == "True") {
                    $("#getimg").attr('src', 'upload/' + data.split("|")[1] + '.jpg');
                    $("#hid").val(data.split("|")[1] + ".jpg");
                   var img = $("#hid").val();
                    if (img == "noimage.jpg") {
                        $("#Remov").hide();
                    } else {
                        $("#Remov").show();
                    }
                } else if (data.split("|")[0] == "False") {
                    alert(data.split("|")[1]);
                    var ab = $("#hid").val();
                    $("#getimg").attr('src', 'upload/' + ab);
                    var img = $("#hid").val();
                    if (img == "noimage.jpg") {
                        $("#Remov").hide();
                    } else {
                        $("#Remov").show();
                    }
                      }
            })
.error(function() {
                if ($(myFile).val() == "") {
                    alert("Select a file");
                } else {
                    alert("Select a image file");
                }
            });
       }
    }]);
    $scope.uploadFile = function() {
        var fileval = ['jpeg', 'jpg', 'png', 'gif', 'bmp'];
        if ($(myFile).val() == "") {
            alert("Select a file");
        } else if ($.inArray($(myFile).val().split('.').pop().toLowerCase(), fileval) == -1) {
            alert("Select a image file");
            $(myFile).val('');
            $("#hid").val("noimage.jpg");
        } else {
            var file = $scope.myFile;
            var uploadUrl = "Image_Upload.aspx";
            fileUpload.uploadFileToUrl(file, uploadUrl);
            $scope.myFile = "";
            $scope.remove = true;
            var reader = new FileReader();
            reader.onload = function(e) {
                scope.image = e.target.result;
                scope.$apply();
            }
        }
              elem.on('change', function() {
            reader.readAsDataURL(elem[0].files[0]);
        });
        return false;
    };

I hope this post wil works for you. Good luck!

AngularJS with Free ASP.NET Hosting

Try our AngularJS with Free ASP.NET Hosting today and your account will be setup soon! You can also take advantage of our Windows & ASP.NET Hosting support with Unlimited Domain, Unlimited Bandwidth, Unlimited Disk Space, etc.

Comments (0) | RSS comment feed

Comment RSS

AngularJS with Free ASP.NET Hosting - HostForLIFE.eu :: How to Checkout Utility Methods on AngularJS?

April 28, 2015 08:15 by author

Peter

In this tutorial, I will tell you about how to checkout some utility methods that returns BOOLEAN values on call. In AngularJS you can find many utility method like isObject, isString, isDefined, etc to check the type of the input.

All these method has similar signature like isXxxxx(). In the following code, will show you some utility methods that are present inside the angular object.

<!DOCTYPE html>
<html ng-app="myApp">
<head>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"></script> <meta charset="utf-8">
<title> How to Checkout Utility Methods on AngularJS? </title>
</head>
<body ng-controller="MyController" ng-cloak>
<h3>angular.isArray : {{isArray}}</h3>
<h3>angular.isDate: {{isDate}}</h3>
<h3>angular.isDefined : {{isDefined}}</h3>
<h3>angular.isElement : {{isElement}}</h3>
<h3>angular.isFunction : {{isFunction}}</h3>
<h3>angular.isNumber : {{isNumber}}</h3>
<h3>angular.isObject : {{isObject}}</h3>
<h3>angular.isString : {{isString}}</h3>
<h3>angular.isUndefined : {{isUndefined}}</h3>

<script>
var myApp = angular.module("myApp", []);
myApp.controller("MyController", ["$scope",
function($scope) {
var fruitList = ["Apple", "Orange"];
$scope.isArray = angular.isArray(fruitList);
$scope.isDate = angular.isDate(new Date());
$scope.isDefined = angular.isDefined(fruitList);
$scope.isElement = angular.isElement("Hello");
$scope.isFunction = angular.isFunction(new Date().getFullYear);
$scope.isNumber = angular.isNumber(5);
$scope.isObject = angular.isObject({});
$scope.isString = angular.isString("Peter");
$scope.isUndefined = angular.isUndefined(null); } ]); </script>
</body>
</html>

And here is the output from the above code:

AngularJS with Free ASP.NET Hosting

Try our AngularJS with Free ASP.NET Hosting today and your account will be setup soon! You can also take advantage of our Windows & ASP.NET Hosting support with Unlimited Domain, Unlimited Bandwidth, Unlimited Disk Space, etc.

Comments (0) | RSS comment feed

Comment RSS

AngularJS with Free ASP.NET Hosting - HostForLIFE.eu :: How to Show ngCloak usage with AngularJS?

April 17, 2015 07:42 by author

Peter

In this post, I will explain you about How to Show ngCloak usage with AngularJS. AngularJS gives ngCloak directive to control the glimmering issue when application is bootstrapping. AngularJS adds the ngCloak class to the component if the application is not bootstrapped and removes this class once the application is bootstrapped and prepared. Now, write the following code:

<!DOCTYPE html>
<html ng-app="myApp">
<head>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular-resource.min.js"></script>
<meta charset="utf-8">
<title>AngularJS ngCloak Example</title>
<style> [ng:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; } </style>
</head>
<body ng-controller="MyController" ng-cloak>
<h3>ngCloak Example</h3>
<ol >
<li ng-repeat="item in myData"> {{item.title}} </li>
</ol>
</body>
<script> var myApp= angular.module("myApp",['ngResource']); myApp.controller("MyController", ["$scope", "$resource","$timeout", function($scope,$resource,$timeout){ $scope.myData =[]; var youtubeVideoService = $resource("https://gdata.youtube.com/feeds/api/videos?q=googledevelopers&max-results=5&v=2&alt=jsonc&orderby=published"); youtubeVideoService.get() .$promise.then(function(responseData) { angular.forEach(responseData.data.items, function(aSingleRow){ console.log(aSingleRow); $scope.myData.push({ "title":aSingleRow.title }); }); }); }]); </script>
</html>

I hope this tutorial helps you!

AngularJS with Free ASP.NET Hosting

Try our AngularJS with Free ASP.NET Hosting today and your account will be setup soon! You can also take advantage of our Windows & ASP.NET Hosting support with Unlimited Domain, Unlimited Bandwidth, Unlimited Disk Space, etc. You will not be charged a cent for trying our service for the next 3 days. Once your trial period is complete, you decide whether you'd like to continue.

Comments (0) | RSS comment feed

Comment RSS

SQL Server 2014 with Free ASP.NET Hosting - HostForLIFE.eu :: How to Create an Encrypted Backup in SQL Server 2014?

April 14, 2015 07:18 by author

Peter

Encryption for Backups could be a new feature introduced in SQL Server 2014 and therefore the advantages of this feature are:

Encrypting the database backups helps secure the data.
Encryption also can be used for databases that are encrypted encryption TDE.
Encryption is supported for backups done by SQL Server Managed Backup to Windows Azure, that provides extra security for off-site backups.
This feature supports multiple encoding algorithms as well as AES 128, AES 192, AES 256, and Triple DES

You'll be able to integrate encryption keys with Extended Key Management (EKM) providers. The following are pre-requisites for encrypting a backup:
Let’s Create a Database Master Key for the master database.
USE master;
GO
CREATE MASTER KEY ENCRYPTION BY PASSWORD = 'yourpassword@word123';
GO

And then Create a certificate or asymmetric Key to use for backup encryption and write the following code:
Use Master
GO
CREATE CERTIFICATE CertforBackupEncryption
   WITH SUBJECT = 'Certificate for Backup Encryption ';
GO

Then Backup the database with encryption:
BACKUP DATABASE [PeterSQL]
TO DISK = N'C:\Backup\PeterSQL.bak'
WITH
  INIT,
  COMPRESSION,
  ENCRYPTION
   (
   ALGORITHM = AES_256,
   SERVER CERTIFICATE = CertforBackupEncryption
   ),
  STATS = 10
GO

Restoring the encrypted backup:
SQL Server restore doesn't need any encryption parameters to be specified during restores. It will need that the certificate or the asymmetric key used to encrypt the backup file be out there on the instance that you simply are restoring to. The user account performing the restore should have read DEFINITION permissions on the certificate or key. If you're restoring the encrypted backup to a different instance, you must confirm that the certificate is offered on it instance.

SQL Server 2014 with Free ASP.NET Hosting

Try our SQL Server 2014 with Free ASP.NET Hosting today and your account will be setup soon! You can also take advantage of our Windows & ASP.NET Hosting support with Unlimited Domain, Unlimited Bandwidth, Unlimited Disk Space, etc. You will not be charged a cent for trying our service for the next 3 days. Once your trial period is complete, you decide whether you'd like to continue.

Tags: sql 2014 hosting. europe sql 2014 hosting, uk sql 2014 hosting, cheap europe sql 2014 hosting, best europe sql 2014 hosting, cheap uk sql 2014 hosting, best uk sql 2014 hosting, recommendation sql 2014 hosting, recommendation sql 2014 hosting europe, sql 2014 hosting uk, best mssql 2014 hosting uk, cheap mssql 2014 hosting uk, reliable mssql 2014 hosting uk, free mssql 2014 hosting uk, top mssql 2014 hosting uk, recommended mssql 2014 hosting uk
Categories:
Actions: E-mail | Kick it! | Permalink | comment

Comments (0) | RSS comment feed

Comment RSS

Angular.js Hosting Italy - HostForLIFE.eu :: AngularJS Directive for Email

April 7, 2015 11:52 by author

Peter

In this article, I will explain you about AngularJS directive for email. At the point when executing a Single Page Application utilizing WebAPI and AngularJS, you experience numerous uses of filters and directives to meet requirements specified by clients. The accompanying code tokenizes the info and presentations it in a different square inside a particular placeholder, in any case it checks the data for a substantial email address first and then the information token is not rehashed inside the same placeholder. And now, write the following code:

<body ng-app="tokenizer">
    <div ng-controller="tokenizerController">
        <tag-input taglist='email' placeholder="Emails"></tag-input>
    </div>
</body>

    var sample = angular.module('tokenizer', ['ngRoute']);
    sample.controller('tokenizerController', function ($scope) {
      });
             sample.directive('tagInput', function ()
    {
           return
            {
               restrict: 'E',
               scope:
                {
                  inputTags: '=taglist',
                   autocomplete: '=autocomplete'
                  },
                   link: function ($scope, element, attrs)
                  {
                   $scope.defaultWidth = 200;
                   $scope.tagText = '';
                   $scope.placeholder = attrs.placeholder;
                   $scope.tagArray = function ()
                      {
                       if ($scope.inputTags === #ff0000)
                       {
                           return [];
                       }
                       return $scope.inputTags.split(',').filter(function (tag)
                       {
                           return tag !== "";
                       });
                   };
                   $scope.addTag = function ()
                       {
                       var EMAIL_REGEXP = /^[_a-z0-9]+(\.[_a-z0-9]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,4})$/;
                       var tagArray;
                       if ($scope.tagText.length === 0) {
                           return;
                        }
                       if (!EMAIL_REGEXP.test($scope.tagText))
                       {
                           return $scope.tagText = "";
                       }
                       tagArray = $scope.tagArray();
                       if (!(tagArray.indexOf($scope.tagText) >= 0))
                       {
                           tagArray.push($scope.tagText);
                           $scope.inputTags = tagArray.join(',');
                       }
                       return $scope.tagText = "";
                   };
                   $scope.deleteTag = function (key)
                       {
                       var tagArray;
                       tagArray = $scope.tagArray();
                       if (tagArray.length > 0 && $scope.tagText.length === 0 && key === #ff0000)
                      {
                           tagArray.pop();
                       }
                       else
                         {
                           if (key !== undefined)
                           {
                               tagArray.splice(key, 1);
                           }
                       }
                       return $scope.inputTags = tagArray.join(',');
                   };
                   $scope.$watch('tagText', function (newVal, oldVal)
                    {
                       var tempEl;
                       if (!(newVal === oldVal && newVal === undefined))
                          {
                           tempEl = $("<span>" + newVal + "</span>").appendTo("body");
                           $scope.inputWidth = tempEl.width() + 5;
                           if ($scope.inputWidth < $scope.defaultWidth)
                           {
                               $scope.inputWidth = $scope.defaultWidth;
                           }
                           return tempEl.remove();
                       }
                   });
                   element.bind("keydown", function (e) {
                       var key;
                       key = e.which;
                       if (key === 9 || key === 13) {
                           e.preventDefault();
                       }
                       if (key === 8) {
                           return $scope.$apply('deleteTag()');
                       }
                   });
                   return element.bind("keyup", function (e) {
                       var key;
                       key = e.which;
                       if (key === 9 || key === 13 || key === 188) {
                           e.preventDefault();
                           return $scope.$apply('addTag()');
                       }
                   });
               },
               template: "<div class='tag-input-ctn'><div class='input-tag' data-ng-repeat=\"tag in tagArray()\">{{tag}}<div class='delete-tag' data-ng-click='deleteTag($index)'>×</div></div><input type='text' data-ng-style='{width: inputWidth}' data-ng-model='tagText' placeholder='{{placeholder}}'/></div>"
           };
       });

HostForLIFE.eu AngularJS Hosting
HostForLIFE.eu is European Windows Hosting Provider which focuses on Windows Platform only. We deliver on-demand hosting solutions including Shared hosting, Reseller Hosting, Cloud Hosting, Dedicated Servers, and IT as a Service for companies of all sizes. We have customers from around the globe, spread across every continent. We serve the hosting needs of the business and professional, government and nonprofit, entertainment and personal use market segments.

Comments (0) | RSS comment feed

Comment RSS

Angular.js Hosting UK - HostForLIFE.eu :: Double Click Event in AngularJS

March 30, 2015 09:06 by author

Peter

This article explains double-click events in AngularJS. we've already explained mouse events exploitation AngularJS in my previous article Mouse Events exploitation AngularJS. currently during this article i'm explaining the ng-dblclick directive of AngularJS.

ng-dblclick
This allows you to specify custom behaviour on a double-click event of the mouse on the web page. we will use it (ng-dblclick) as an attribute of the HTML component like:
<ANY_HTML_ELEMENT ng-dblclick="{expression}">
...
</ANY_HTML_ELEMENT>

Use the subsequent procedure to make a sample of a double-click event using AngularJS. First of all, you would like to add an external Angular.js file to your application, for this you'll be able to visit the AngularJS official website or transfer my source code then fetch it or click on this link and download it: ANGULARJS. once downloading the external file you would like to add this file to the head section of your application. Now, I'll show you the way to use the ng-dblclick directive. I am making a TextBox and button and binding the TextBox using the ng-model directive and therefore the button using the ng-dblclick directive. The code is as follows:
<body>
    Name:
    <input ng-model="name" type="text" />
    <button ng-dblclick="Msg='Hello '+name">
        Double Click
    </button>
    </br>
    <h3>
        {{Msg}}</h3>
</body>

Here the TextBox ties with ng-demonstrate, The catch is bound with ng-dblclick and inside the ng-dblclick I have composed 'Hello '+name. Where Hello is a string and name is a variable that contains the value of the input TextBox. This button will work when you double-click on it.

And here is the code that I used:
<!doctype html>
<html ng-app>
<head>
    <script src="angular.min.js"></script>
</head>
<body>
    Name:
    <input ng-model="name" type="text" />
    <button ng-dblclick="Msg='Hello '+name">
        Double Click
    </button>
    </br>
    <h3>
        {{Msg}}</h3>
</body>
</html>

Here is the Output, when Page loads:

HostForLIFE.eu AngularJS Hosting
HostForLIFE.eu is European Windows Hosting Provider which focuses on Windows Platform only. We deliver on-demand hosting solutions including Shared hosting, Reseller Hosting, Cloud Hosting, Dedicated Servers, and IT as a Service for companies of all sizes. We have customers from around the globe, spread across every continent. We serve the hosting needs of the business and professional, government and nonprofit, entertainment and personal use market segments.

Comments (0) | RSS comment feed

Comment RSS

Node.js Hosting UK - HostForLIFE.eu :: Cluster Server Object in NodeJS

March 17, 2015 06:44 by author

Peter

In this tutorial , I will discuss about Cluster Server in NodeJS. That is a group of two or more computers that work together to provide availability, reliability and scalability that can be obtained using a single computer. In a server cluster, each server owns and manages devices and applications or services that are managing local cluster.

To make the new Node Web Application open Visual Studio then select "File" -> "New Web Site" then select "Node Web Application" as in the accompanying figure:

Create a new Script file from the Solution Explorer as in the following figure:

And then select the new JavaScript file as in the following figure:

Write the following code in a JavaScript File.
(function () {
    '';
    var cls = require('cluster'),
        http = require('http'),
        os = require('os'),
        ClsServer = {
            clusname: 'ClusterServer',
            cpus: os.cpus().length,
            autoRestart: true,
            start: function (server, port) {
                var me = this,
                    i;
                if (cls.isMaster) {
                    for (i = 0; i < me.cpus; i += 1) {
                        console.log(me.name + ': starting worker thread #' + i);
                        cls.fork();
                    }
                    /*cls.on('death', function (worker) {
                        console.log(me.clusname + ': worker ' + worker.pid + ' died.');
                        if (me.autoRestart) {
                            console.log(me.clusname + ':thread restart');
                            cls.fork();
                        }
                    });*/
                } else {
                    server.listen(port);
                }
            }
        }
        helloWorldServer = http.createServer(function (request, response) {
           response.writeHead(200, {
                'Content-type': 'text/plain'
            });
                        response.end('Hello World!');
        });
    ClsServer.name = 'hello World Server';
    ClsServer.start(helloWorldServer, 8081);
}());
In the above case we make a ClusterServer article to begin multi-strung server examples by passing the server item to ClusterServer.start(server,port). Servers are naturally begun with various strings proportional to the quantities of CPUs reported by the os module.Debug the application by pressing F5 and the output will be demonstrated in a reassure application as in the accompanying figure:

HostForLIFE.eu Node.js Hosting
HostForLIFE.eu is European Windows Hosting Provider which focuses on Windows Platform only. We deliver on-demand hosting solutions including Shared hosting, Reseller Hosting, Cloud Hosting, Dedicated Servers, and IT as a Service for companies of all sizes. We have customers from around the globe, spread across every continent. We serve the hosting needs of the business and professional, government and nonprofit, entertainment and personal use market segments.

Tags: european node.js hosting, cheap node.js hosting, best node.js hosting, low cost node.js hosting, recommended node.js hosting, russia node.js hosting, spain node.js hosting, united kingdom node.js hosting, belgium node.js hosting, italy node.js hosting, us node.js hosting, india node.js hosting, brazil node.js hosting, germany node.js hosting, netherlands node.js hosting, france node.js hosting, estonia node.js hosting, ukraine node.js hosting, turkey node.js hosting, denmark node.js hosting, iran node.js hosting, slovenia node.js hosting, portugal node.js hosting, romania node.js hosting, poland node.js hosting, austria node.js hosting, greece node.js hosting, mexico node.js hosting, israel node.js hosting, sweden node.js hosting, united arab emirates node.js hosting, saudi arabia node.js hosting, qatar node.js hosting, sweden node.js hosting, finland node.js hosting, norway node.js hosting, croatia node.js hosting, romania node.js hosting
Categories:
Actions: E-mail | Kick it! | Permalink | comment

Comments (0) | RSS comment feed

Comment RSS

HostForLIFE.eu Launches New Data Center in Frankfurt (Germany)

March 10, 2015 11:59 by author

Peter

HostForLIFE.eu, a leading Windows hosting provider with innovative technology solutions and a dedicated professional services team proudly announces new Data Center in Frankfurt (Germany) for all costumers. HostForLIFE’s new data center in Frankfurt will address strong demand from customers for excellent data center services in Europe, as data consumption and hosting services experience continued growth in the global IT markets.

The new facility will provide customers and our end users with HostForLIFE.eu services that meet in-country data residency requirements. It will also complement the existing HostForLIFE.eu. The Frankfurt (Germany) data center will offer the full range of HostForLIFE.eu web hosting infrastructure services, including bare metal servers, virtual servers, storage and networking.

HostForLIFE.eu expansion into Frankfurt gives them a stronger European market presence as well as added proximity and access to HostForLIFE.eu growing customer base in region. HostForLIFE.eu has been a leader in the dedicated Windows & ASP.NET Hosting industry for a number of years now and we are looking forward to bringing our level of service and reliability to the Windows market at an affordable price.

The new data center will allow customers to replicate or integrate data between Frankfurt data centers with high transfer speeds and unmetered bandwidth (at no charge) between facilities. Frankfurt itself, is a major center of business with a third of the world’s largest companies headquartered there, but it also boasts a large community of emerging technology startups, incubators, and entrepreneurs.

Our network is built from best-in-class networking infrastructure, hardware, and software with exceptional bandwidth and connectivity for the highest speed and reliability. Every upstream network port is multiple 10G and every rack is terminated with two 10G connections to the public Internet and two 10G connections to our private network. Every location is hardened against physical intrusion, and server room access is limited to certified employees.

All of HostForLIFE.eu controls (inside and outside the data center) are vetted by third-party auditors, and we provide detailed reports for our customers own security certifications. The most sensitive financial, healthcare, and government workloads require the unparalleled protection HostForLIFE.eu provides.

Frankfurt (Germany) data centres meet the highest levels of building security, including constant security by trained security staff 24x7, electronic access management, proximity access control systems and CCTV. HostForLIFE.eu is monitored 24/7 by 441 cameras onsite. All customers are offered a 24/7 support function and access to our IT equipment at any time 24/7 by 365 days a year. For more information about new data center in Frankfurt, please visit http://hostforlife.eu/Frankfurt-Hosting-Data-Center

About HostForLIFE.eu
HostForLIFE.eu is an European Windows Hosting Provider which focuses on the Windows Platform only. HostForLIFE.eu deliver on-demand hosting solutions including Shared hosting, Reseller Hosting, Cloud Hosting, Dedicated Servers, and IT as a Service for companies of all sizes.

HostForLIFE.eu is awarded Top No#1 SPOTLIGHT Recommended Hosting Partner by Microsoft (see http://www.asp.net/hosting/hostingprovider/details/953). Our service is ranked the highest top #1 spot in several European countries, such as: Germany, Italy, Netherlands, France, Belgium, United Kingdom, Sweden, Finland, Switzerland and other European countries. Besides this award, we have also won several awards from reputable organizations in the hosting industry and the detail can be found on our official website.

Tags: cheap new server, frankfurt data center, new data center, new server frankfurt, windows dedicated server, windows hosting, european dedicated server
Categories:
Actions: E-mail | Kick it! | Permalink | comment

Comments (0) | RSS comment feed

Comment RSS

Full Trust European Hosting

AngularJS Hosting - HostForLIFE.eu :: How to Filtering and Sorting HTML Table Data With AngularJS?

AngularJS with Free ASP.NET Hosting

AngularJS with Free ASP.NET Hosting - HostForLIFE.eu :: How to Make Facebook Style AutoComplete in AngularJS with ASP.NET MVC?

AngularJS with Free ASP.NET Hosting

AngularJS with Free ASP.NET Hosting - HostForLIFE.eu :: How to Upload a Picture Using AngularJS with ASP.NET 5?

AngularJS with Free ASP.NET Hosting

AngularJS with Free ASP.NET Hosting - HostForLIFE.eu :: How to Checkout Utility Methods on AngularJS?

AngularJS with Free ASP.NET Hosting

AngularJS with Free ASP.NET Hosting - HostForLIFE.eu :: How to Show ngCloak usage with AngularJS?

AngularJS with Free ASP.NET Hosting

SQL Server 2014 with Free ASP.NET Hosting - HostForLIFE.eu :: How to Create an Encrypted Backup in SQL Server 2014?

Angular.js Hosting Italy - HostForLIFE.eu :: AngularJS Directive for Email

Angular.js Hosting UK - HostForLIFE.eu :: Double Click Event in AngularJS

Node.js Hosting UK - HostForLIFE.eu :: Cluster Server Object in NodeJS

HostForLIFE.eu Launches New Data Center in Frankfurt (Germany)

About HostForLIFE.eu

Other Important BLOGs

Featured on

Month List

AngularJS with Free ASP.NET Hosting

AngularJS with Free ASP.NET Hosting

AngularJS with Free ASP.NET Hosting

AngularJS with Free ASP.NET Hosting

AngularJS with Free ASP.NET Hosting

About HostForLIFE.eu

Other Important BLOGs

Featured on

Month List

Tag cloud