Untuk menggunakan/menukar layout pada pada aplikasi yang dibuat dengan menggunakan template dari rekadia. langkah yang perlu dilakukan adalah sebagai berikut. Cari file _viewstart.cshtml pada bagian Views. Ubah Layout menjadi “~/Views/Shared/SmartAdmin/_Layout.cshtml”. Jika ingin mengganti layout, maka tinggal ganti variabel Layout tersebut. Pada masing-masing cshtml yang dibuat, tidak perlu terdapat variabel Layout, kecuali mau dikhususkan untuk halaman…
Akses halaman https://console.developers.google.com. Login menggunakan akun google. Pada bagian kiri atas, tekan dropdown project (lihat gambar 1), kemudian pilih ‘Create a Project ..’ Masukkan nama project (misal: mobidig-gebt), kemudian tekan ‘OK’, tunggu hingga status ‘Created Project Completed’ pada kanan bawah. Android Akses halaman https://developers.google.com/mobile/add?platform=android&cntapi=gcm. Pada bagian Project, pilih/ketik nama project yang sudah dibuat sebelumnya (misal: mobidig-gebt). Pada bagian…
Untuk semua project, mohon pergunakan project template yang terdapat di http://rekadia.net/gitrepo/Repository/rekadia-template. Untuk menggunakan code template generator, terlebih dahulu sudah terdapat entities yang mau dibuat. Kemudian, tekan ‘VIEWS’ –> ‘Other Window’ –> ‘Package Manager Console’. Pada window ‘Package Manager Console’, masukkan command-command berikut. Command membuat repository: scaffold EntitiesRepo <entity class name> -Project Business -DbContextType <DbContext…
Untuk dapat menggunakan custom built editor template, pastikan terlebih dahulu terdapat file-file berikut. ~/Infrastructure/Abstract/IObjectExtender.cs ~/Infrastructure/Concrete/ObjectExtender.cs ~/Extension/HtmlExtensions.cs Untuk cara penggunaan sendiri: Textbox [code lang=”html”] @Html.AngularEditorFor(<expression>, <ngModel>, <htmlAttributes | optional>) [/code] Example: [code lang=”html”] @Html.AngularEditorFor(model => model.Test, "val.test", new { @class = "" }) [/code] Numeric Textbox [code lang=”html”] @Html.AngularEditorFor(<expression>, <ngModel>, <htmlAttributes | optional>) [/code] Example:…
Bundling Angular JS [code lang=”csharp”] var scriptBundle = new ScriptBundle("~/bundles/app") .IncludeDirectory("~/Scripts/app/", "*.js", searchSubdirectories: true); bundles.Add(scriptBundle); [/code] Minification Permasalahan dalam minification angular JS adalah sistem minification akan mengubah semua dependency yang tidak didefinisikan sebelumnya menjadi sebuah huruf. Before Minification [code lang=”javascript”] app.controller(‘intraController’, function ($scope, $rootScope, $location, $routeParams, $route, intraDataSource, intraService) { var intraId = $routeParams.id; ……
Directive memungkinkan untuk menulis HTML yang mengekspresikan behavior dari aplikasi yang dibuat. Template-expanding Directive paling gampang karena: mendefinisikan custom tag atau attribute yang bisa terus bertambah atau digantikan bisa terdapat controller logic, jika dibutuhkan Directive juga dapat digunakan untuk: Mengekspresikan complex UI Memanggil event dan mendaftarkan event handler Reuse komponen yang sering dipergunakan Cara penggunaan…
Folder Structure Untuk menginstall angular JS pada ASP.NET, buka Package Manager Console, kemudian ketik Install-Package AngularJS.Core Install-Package AngularJS.Route Scripts/app/app.js [code lang=”js”] var app = angular.module(‘intraApp’, [‘kendo.directives’, ‘ngRoute’, ‘ngAnimate’, ‘IntraService’]) .config(function ($routeProvider) { $routeProvider .when(‘/’, { templateUrl: ‘/Intra/Intra’, controller: ‘intraController’ }) .when(‘/create’, { templateUrl: ‘/Intra/Create’, controller: ‘intraController’ }) .when(‘/edit/:id’, { templateUrl: ‘/Intra/Create’, controller: ‘intraController’ }) .otherwise(…
Module Angular menggunakan module sebagai basis dari untuk membuat aplikasi angular. Module digunakan karena membuat kode lebih maintanable, testable, dan readable. Selain itu, pada module juga dapat dideklarasikan keperluan akan module lain sehingga tidak membingungkan. Untuk mendeklarasikan module, buat sebuah file javascript dengan potongan kode dibawah terdapat dalam file tersebut. [code type=”javascript”] var app =…
AngularJS is a structural framework for dynamic web apps. It lets you use HTML as your template language and lets you extend HTML’s syntax to express your application’s components clearly and succinctly. Angular simplifies application development by presenting a higher level of abstraction to the developer. Like any abstraction, it comes at a cost of…
Grid View GridView is a ViewGroup that displays items in a two-dimensional, scrollable grid. The grid items are automatically inserted to the layout using a ListAdapter. For an introduction to how you can dynamically insert views using an adapter, read Building Layouts with an Adapter. Example In this tutorial, you’ll create a grid of image…