Shorting and Pagination

Shorting and Pagination

Download source – 7.3 MB Introduction In the previous tutorial we implemented the Searching. In this tutorial we will add sorting, and paging functionality to the Customers Index page. Coding Table Structure CREATE TABLE [dbo].[Customers] ( [CustomerID] INT NOT NULL, [CompanyName] NVARCHAR (50) NULL, [ContactName] NVARCHAR (50) NULL, [ContactTitle] NCHAR (10) NULL, [Address] NVARCHAR (MAX) NULL, [City] NVARCHAR (50) NULL, PRIMARY KEY CLUSTERED ([CustomerID] ASC) […]

Read More Leave comment

SearchBox

SearchBox

Download source – 7.3 MB Introduction Today I will show a simple way to display the Search Control. Code Javascript Library script src=”~/Scripts/jquery.min.js”></script> script src=”~/Scripts/json2.js”></script> Javascript(Script0.js) $(document).ready(function () {        var jsonDataTable = document.getElementById(“hdnEmployee”).value;     var jsonData = $.parseJSON($.parseJSON(jsonDataTable).Employees);     var i = 0;     var text = ‘<table class=”table table-striped table-inverse”><thead class=”thead-inverse”><tr><th>EmployeeId</th><th>EmployeeName</th><th>Salary</th>’;     text += ‘</tr></thead><tbody>’;     for (i = 0; i < jsonData.length; […]

Read More Leave comment

Calendar Control

Calendar Control

Introduction Today I will show a simple way to display the Calendar Control. Live Demo Calender Coding Plugins <link rel=’stylesheet’ id=’validate-engine-css-css’ href=’http://www.techbloginterview.com/wp-includes/css/jquery.datetimepicker.css’ type=’text/css’ media=’all’ /> <script type=’text/javascript’ src=’http://www.techbloginterview.com/wp-includes/js/datetimepicker/jquery-1.11.1.min.js’></script> <script type=’text/javascript’ src=’http://www.techbloginterview.com/wp-includes/js/datetimepicker/jquery.datetimepicker.js?ver=1.12.4′></script> Html <input id=”datetimepicker” class=”form-control” style=”background-image: url(‘http://icons.iconarchive.com/icons/paomedia/small-n-flat/1024/calendar-icon.png’); background-size: 40px 40px; background-repeat: no-repeat; padding-left: 40px;” type=”text” placeholder=”DD-MM-YYYY” /> Javascript <script> $.datetimepicker.setLocale(‘ar’); $(‘#datetimepicker’).datetimepicker({ timepicker: true, format: ‘d/m/Y’, validateOnBlur:true, }); <script> Calender With Time Coding Html <input id=”datetimepicker1″ […]

Read More Leave comment

Bootstrap PopOver

Bootstrap PopOver

Download source – 7.3 MB The Popover Plugin The Popover plugin is similar to tooltips it require the tooltip plugin as a dependency. It is a pop-up box that appears when the user clicks or hovers on an element. The difference is that the popover can contain much more content. Create Static Popover Four positions are available: top, right, bottom, and left aligned.By default, the […]

Read More Leave comment

Bootstrap Model PopUp

Bootstrap Model PopUp

Download source – 7.3 MB Introduction Today I will show a simple way to display the content of partial view in a bootstrap dialog. Live Demo ASP.NET   ASP.NET is a free web framework for building great Web sites and Web applications using HTML, CSS and JavaScript. Learn more » Coding Controller using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; namespace BootstrapModelPopUp.Controllers { […]

Read More 1 Comment
Visitors
Page Hits: 56786
Unique Visitors :
14626
Made With By Keshab