تحلیل داده
صفحه اصلی / آموزش طراحی وب / آموزش AngularJS / سورس پروژه پیاده سازی Sort و مرتب سازی جدول در Angularjs

سورس پروژه پیاده سازی Sort و مرتب سازی جدول در Angularjs

پیاده سازی Sort

در این پروژه که به زبان Angularjs طراحی و برنامه نویسی شده است پیاده سازی Sort و یا مرتب سازی در جدول را داریم که توسط Angularjs پیاده سازی شده است و لیستی که در قالب یک جدول نمایش داده میشود را میتوانید توسط این پروژه یک مرتب سازی برای آن ترتیب دهید که میتواند یک ویژگی برای فرم شما باشد.امیدوارم استفاده کنید.

پیاده سازی Sort

سورس کد های Angularjs جهت نمایش اطلاعات و مرتب سازی آنها

var app = angular.module("myModule", [])
		            .controller("myController", function($scope){
			      var PLangs = [
				{name: "C", creator: "Dennis Ritchie"},
				{name: "C++", creator: "Bjarne Stroustrup"},
				{name: "C#", creator: "Anders Hejlsberg"},
				{name: "Java", creator: "James Gosling"},
				{name: "HTML", creator: "Tim Berners-Lee"},
				{name: "Javascript", creator: "Brendan Eich"},
				{name: "PHP", creator: "Rasmus Lerdorf"},
				{name: "Python", creator: "Guido van Rossum"},
			        {name: "Ruby", creator: "Yukihiro Matsumoto"},
			        {name: "Perl", creator: "Larry Wall"},
			        {name: "Scala", creator: "Martin Odersky"},
				{name: "Bash", creator: "Brian Fox"},
				{name: "Clojure", creator: "Rich Hickey"}
			      ];
			      $scope.PLangs = PLangs;
			      $scope.reverseSort = false;
			      $scope.sortData = function(column){
			        $scope.reverseSort = ($scope.sortColumn == column) ? !$scope.reverseSort : false;
			        $scope.sortColumn = column;
 
			       }
			      $scope.getSortClass = function(column){
			        if($scope.sortColumn == column){
				  return $scope.reverseSort ?  'down-arrow' : 'up-arrow';
				}
				  return '';
			      }
			    });

 

جزئیات فایل

زبان پروژه : Anqularjs
حجم فایل پیوست : 100 KB

رمز فایل : www.mspsoft.ir , www.mspsoft.com
کانال ام اس پی سافت

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *



دوره های آنلاین ام اس پی سافت

آموزش طراحی فروشگاه اینترنتی

آموزش طراحی فروشگاه اینترنتی

طراحی سیستم مدیریت مشتریان

طراحی سیستم مدیریت مشتریان

دوره طراحی وب سایت پورتال خبری

دوره طراحی وب سایت پورتال خبری

دوره طراحی حسابداری فروشگاه

دوره طراحی حسابداری فروشگاه