Across Boundaries - ( Cipto )

my new blog

cipto — Wed, 17 Apr 2013 03:07:00 GMT

http://ciptothe.wordpress.com/

Share this post: | | | |

Another IE8 and jquery validation bug

cipto — Fri, 08 Mar 2013 09:44:00 GMT

I have another unique experience with IE again.apparently so much user still using it.

this time it has to do with IE8 and jquery Validation.

the on default from asp.net MVC is jquery validation 1.8.0, which does not work on IE8.

after trying to upgrade everything to the latest:

Jquery 1.9, jquery validation 1.11

based on the CDN and then use jquery Migration so that other plugin does not work.

I finally got it working by just using my current jquery 1.8.2 with increasing jquery validation to 1.8.1

fixed other bug related to kendo autocomplete.

and then another thing is when it's HTTPS, you have to make sure all your external URL also using HTTPS (you will receive an error message such as "HTTPs compromised [URL]")

so that it works on IE

Share this post: | | | |

Localization in Asp.Net MVC Jquery Validation

cipto — Fri, 11 Jan 2013 06:36:47 GMT

One day I encounter this issue, A DatePicker when submit is clicked will display that FIELD IS NOT A DATE

what could be wrong? well this whole thing is related to how date is parsed, for jquery validation which is the core Unobstrusive client side validation for ASP.NET MVC, the default Date Parsing may not be supporting Format that you entered

I have set my Kendo to en-AU culture, than how to set the jquery validation to understand this date format?

the answer is jquery global and then we override the way the jquery validation works

//Include what's needed
<script src="~/Scripts/globalize.js"></script>
<script src="~/Scripts/cultures/globalize.culture.en-AU.js"></script>
<script>

$(function () {
    kendo.culture("en-AU");
    Globalize.culture('en-AU');

    $.validator.methods.date = function (value, element) {
        if (value == '' || !isNaN(Globalize.parseDate(value))) {
            return true;
        }
        return false;
    };
});


</script>

Share this post: | | | |

Generic EditorTemplate Asp.net MVC

cipto — Tue, 11 Dec 2012 04:14:00 GMT

I’ve got a case to create a generic HTML Editor, which I can reuse across the page.

EditorTemplate which comes with MVC sounds the person who can do the job.

if you specify a string name after @HTML.EditorFor(Lambda,”EditorName”)

it will search on View/Shared/EditorTemplates/xxx.cshtml path

How do you make it generic? simple use lambda that refer to it self

this way it will generate the name correctly

ex in your cshtml editor template:

@model string
@Html.Kendo().EditorFor(m=>m).Tools(c => c.Styles(e => { e.Add("Calibry", "calibry"); })).StyleSheets(c => { c.Add("/Content/Site.css"); }).HtmlAttributes(new Dictionary<string, object>() { { "style", "width:100%" } })

To use it at any View page

ex:

     @Html.EditorFor(model => model.Description,"MyEditor")

Share this post: | | | |

Structuring Project using Require JS on Multiple Page Environment

cipto — Tue, 11 Dec 2012 04:07:00 GMT

I understand the drive for single app these days. but in this case it’s multiple page.

I am using Asp.Net MVC,How do we possibly structure the JavaScript files related to require.js while you are on multiple pages environment?.

After playing around what I did are:

1. Structure my Javascript files into folder, I follow the default main.js as the main configuration for each package

2. use Packages, Register packages at Root Layout

_Layout.cshtml (Master page)

 <script>
        //before require is called
        //can set dependency module
        //I use this as What are required by global pages in this project context
        var require = {
            //shim: {
                       

            //},
            deps: ["jquery.easing.1.3.min", "jquery.prettyPhoto.custom.min", "froogaloop.min", "video.min", "jquery.videoController.min", "jquery.advancedSlider.min"]
        };
     
    </script>
    <script data-main="scripts/main" src="/scripts/require-jquery.js"></script>
    <script>
        //set configuration
        require.config({

            //define package, will execute main.js under respective package
            "packages": ["Facebook", "Twitter"]
        });
    </script>

3. On Client page told which package to load

View/Facebook/Index.Cshtml

4.Scripts/Facebook/main.js

require([ "knockout-2.2.0", "Facebook/FacebookViewModel","domReady!"],
function (ko, FacebookViewModel) {
    debugger;
    var viewModel = new FacebookViewModel();
    ko.applyBindings(viewModel);
    viewModel.LoadData();
});

Share this post: | | | |

Scroll PullUp to Refresh, Hybrid Apps plugin

cipto — Thu, 29 Nov 2012 10:32:07 GMT

I came across this issue when building my simple news app,

I want it to behave like other apps, Pull down to refresh , Pull Up to refresh, so that when it reach bottom, I could append more news to either local storage or Sqllite

I found that this plugin called ISCROLL is very useful and it works on the simulator

Share this post: | | | |

New Things to Learn and Adapt

cipto — Mon, 26 Nov 2012 00:16:31 GMT

Today I’ve got an hour or so to do some research a lot of things can be adapted , revisited and Implemented in real life website application

There are lots of things to Learn and see how useful it it to enhance our development cycle

Website Based:

Prototype for OOP JavaScript,, instead of verbose prototype programming ,JavaScript 1.5
Programmable CSS? think of LESS Or SASS, now CSS support inheritance and all that logic, remove redundancy
AMD JavaScript loading? use REQUIRE.JS either dynamic or predefined JS, can set up a dependency and in which order to load. this is really important and with all other combination, will keep your code clean, can use their optimizer to merge into 1 file also.

.NET Based:
CSLA.NET

Share this post: | | | |

Mobile Apps Authentication

cipto — Tue, 13 Nov 2012 10:51:19 GMT

Mobile native apps, simply take another approach when related to authentication

as what the Architecting Mobile Solutions for the Enterprise saying it’s a “Log On and Forget Pattern”

you logged In once , and never touch authentication again. it’s true your phone/tablet can be lost/stolen.

best if the authorization generate an Access Token, which you can then put on your storage until user log out.

a private & secure repository,IOS have this which will sign the data with the application key, called keychain repository.

for Android you have no choice but to encrypt it first

there has to be a services exposed, as this is another client which can be fully offline.

the token could be using openID/OAuth .

we are help by the new asp.net web API, which is MVC based with all the RESTful template.

a sample for using this token based with webAPI

Share this post: | | | |

Have just finish a sample test of Hybrid App

cipto — Sat, 10 Nov 2012 11:23:58 GMT

By using Telerik Graphite , we can simulate and debug our application for hybrid apps,

the results are more precise than Mist.

Telerik Graphite has it’s debugger which is almost similar to firebug,

the other advantage by using Graphite is we don’t have to install SDK for each platform,

run each simulator and debug one by one using each SDK.

using JQM as the UI,

Knockout JS for the MVVM binding,

Cordova for Native support,

Graphite to test and debug,

BitBucket for Free GIT repository,

JSFiddle/echo/jsonP to simulate ajax & data request.

Have just done testing for saving to localStorage, and SqlLite feature.

Share this post: | | | |

How to do a Clean Install of Windows 8

cipto — Sat, 10 Nov 2012 08:00:19 GMT

Swayed by the upgrade price, I decided to try “windoz 8” . there I was upgrading from 7 to 8. with a lot of belief everything will get better. after installing upgrade assistant, something is not right VS 2010 is not running, after trying to fix it ,

it turns out I broke the whole system. now VS Crash, with error that is not resolved anywhere.

“great this is just what I need. In middle of crunch Time “ mumbling.

Since my Ultra book does not have DVD Writer, which is another reason why technology does not help my life easier.

I tried to use USB Stick.

after failing one time, give up, yesterday I manage to get it running

1. follow below tutorial, to create bootable USB.

http://blogs.msdn.com/b/habibh/archive/2011/09/14/how-to-create-a-bootable-usb-flash-drive-to-install-windows-8-developer-preview.aspx

2. Copy Intel Rapid Storage Tech Latest Driver to a new folder inside the USB, I use the f6flpy-x64.zip for 64 bit usage. this way windows can detect your partition if you use SATA

http://downloadcenter.intel.com/Detail_Desc.aspx?DwnldID=21730

3. Choose and follow the instruction on screen

4. After you got in to the windows,Install all updates

I’ve got problem with my hard drive before, it hang for 15 minutes than can run again, to solve this install Intel Rapid Storage from link above, this time choose the MSI one. after that install the SATA driver update from windows update. problem solved!

If you complain about where is the Start Button,

you have lots of 3rd party apps option, free/pay, that can bring it back.

I use Pokki for now

Share this post: | | | |

Telerik Icenium, Samarin, and mobile authentication

cipto — Tue, 30 Oct 2012 10:53:00 GMT

It has been launched, and will give you a lot of features , saved in cloud. collaboration among team.

Deploy once, and all phones that are connected to your laptop will Sync automatically.

will give you a nice toolset of IDE to debug, it's build on top of CORDOVA.

it can even run simulator under chrome browser

a nice tools to start with hybrid apps development and it's free till may next year

Icenium

What are the difference between Mobile Website,Native Apps, and Hybrid Apps

Difference between Cordova and phonegap

After reading a while found a nice article, of the comparison, before we decided which one best

https://wmpblogs.com/Lists/Posts/Post.aspx?List=654eb724-68db-415f-95f6-eb86e975aca1&ID=139&Web=051a9dee-e97e-4716-adad-c3c4b2f62761

We also have other approach, which will compiled the code that we write in C# to Native apps, so no performance degrade and full access of devices functional

http://xamarin.com/monotouch

http://xamarin.com/monoforandroid

Mobile Authentication strategy:

https://developers.google.com/accounts/docs/MobileApps

Share this post: | | | |

Interactive Map from images

cipto — Mon, 22 Oct 2012 10:00:03 GMT

I’ve got a case where no google map can be used, it’s a custom Map. the difficulty is how the hell do we highlight part of images? which the shape is complicated .

No flash please.

the answer is using HTML Image Map , Image map can defined area of clickable on your image

What is image map? , you have got 3 shape circle,shape,and polygon.

first thing to do is to define a polygon shape, as my map shape fragment can only be accomplished with polygon shape. You can use Dreamweaver or any online tools, believe me better be desktop app one.

Now how do you highlight it when hovered?

this is where “maphighlight” comes to play, Download Latest here

on Href as usual you can told browser to execute javascript function instead

href and target are useful attribute to use

There you have it interactive Map :)

Update 23/10/2012:

Using Dreamweaver is the easiest tool ever for this

If there is any image overlapped, by default any Shape comes first will be precedence

Share this post: | | | |

T4 Template with Kendo UI

cipto — Mon, 15 Oct 2012 04:35:06 GMT

Here is an example of T4 Template that I change, so that it display kendo grid on index and use other controls

the linqTosql also change accordingly so it works, like attaching to another datacontext, and than support for LoadWith under AllIncluding. treating all as unit work of datacontext.

LinqToSqlScaffolding.Repository\Repository.cs.t4

<#@ template language="C#" HostSpecific="True"  inherits="DynamicTransform" #>

<#@ import namespace="System.Linq" #>

<#@ import namespace="EnvDTE" #>

<#@ Output Extension="cs" #>

using System;

using System.Collections.Generic;

using System.Linq;

using System.Linq.Expressions;

using System.Web;

using System.Configuration;

using System.Data.Linq;

<# if((!string.IsNullOrEmpty(Model.ModelTypeNamespace)) && (Model.ModelTypeNamespace != Model.RepositoryNamespace)) { #>

using <#= Model.ModelTypeNamespace #>;

<# } #>

namespace <#= Model.RepositoryNamespace #>

<#

    var modelType = (CodeType)Model.ModelType;

    var modelName = modelType.Name;

    var modelNamePlural = Model.ModelTypePluralized;

    var contextName = Model.DbContextType;

    var primaryKeyProperty = modelType.VisibleMembers().OfType<CodeProperty>().Single(x => x.Name == Model.PrimaryKey);

#>

    public class <#= modelName #>Repository : I<#= modelName #>Repository

        SODataContext context = new SODataContext(ConfigurationManager.ConnectionStrings["RxDBConnection"].ConnectionString);

        public IQueryable<<#= modelName #>> All

            get { return context.<#= modelNamePlural #>; }

        public IQueryable<<#= modelName #>> AllIncluding(params Expression<Func<<#= modelName #>, object>>[] includeProperties)

            context.DeferredLoadingEnabled = false;

            DataLoadOptions dlo = new DataLoadOptions();

            foreach (var item in includeProperties)

                dlo.LoadWith<<#= modelName #>>(item);

            context.LoadOptions = dlo;

            return context.<#= modelNamePlural #>;

        public <#= modelName #> Find(<#= primaryKeyProperty.Type.AsString #> id)

            var context = new SODataContext(ConfigurationManager.ConnectionStrings["RxDBConnection"].ConnectionString);

            context.DeferredLoadingEnabled = false;

            return context.<#= modelNamePlural #>.SingleOrDefault(x => x.<#= Model.PrimaryKey #> == id);

        public void InsertOrUpdate(<#= modelName #> <#= modelName.ToLower() #>)

            if (<#= modelName.ToLower() #>.<#= Model.PrimaryKey #> == default(<#= primaryKeyProperty.Type.AsString #>)) {

                // New entity

<# if(primaryKeyProperty.Type.AsString == "System.Guid") { #>

                <#= modelName.ToLower() #>.<#= primaryKeyProperty.Name #> = Guid.NewGuid();

<# } #>

                context.<#= modelNamePlural #>.InsertOnSubmit(<#= modelName.ToLower() #>);

            } else {

                // Existing entity

                 var context = new SODataContext(ConfigurationManager.ConnectionStrings["RxDBConnection"].ConnectionString);

                context.<#= modelNamePlural #>.Attach(<#= modelName.ToLower() #>);

                context.Refresh(System.Data.Linq.RefreshMode.KeepCurrentValues, <#= modelName.ToLower() #>);

                context.SubmitChanges();

        public void Delete(<#= primaryKeyProperty.Type.AsString #> id)

            var itemToDelete = Find(id);

            context.<#= modelNamePlural #>.Attach(itemToDelete);

            context.<#= modelNamePlural #>.DeleteOnSubmit(itemToDelete);

            context.SubmitChanges();

        public void Save()

            context.SubmitChanges();

    public interface I<#= modelName #>Repository

        IQueryable<<#= modelName #>> All { get; }

        IQueryable<<#= modelName #>> AllIncluding(params Expression<Func<<#= modelName #>, object>>[] includeProperties);

        <#= modelName #> Find(<#= primaryKeyProperty.Type.AsString #> id);

        void InsertOrUpdate(<#= modelName #> <#= modelName.ToLower() #>);

        void Delete(<#= primaryKeyProperty.Type.AsString #> id);

        void Save();

.csharpcode, .csharpcode pre { font-size: small; color: black; font-family: consolas, "Courier New", courier, monospace; background-color: #ffffff; /*white-space: pre;*/ } .csharpcode pre { margin: 0em; } .csharpcode .rem { color: #008000; } .csharpcode .kwrd { color: #0000ff; } .csharpcode .str { color: #006080; } .csharpcode .op { color: #0000c0; } .csharpcode .preproc { color: #cc6633; } .csharpcode .asp { background-color: #ffff00; } .csharpcode .html { color: #800000; } .csharpcode .attr { color: #ff0000; } .csharpcode .alt { background-color: #f4f4f4; width: 100%; margin: 0em; } .csharpcode .lnum { color: #606060; }

MvcScaffolding.Controller\ControllerWithRepository.cs.t4

<#@ template language="C#" HostSpecific="True"  inherits="DynamicTransform" #>

<#@ Output Extension="cs" #>

<#@ import namespace="System.Collections" #>

<#@ import namespace="System.Collections.Generic" #>

<#@ import namespace="System.Linq" #>

<#@ import namespace="System.Text.RegularExpressions" #>

<#@ import namespace="EnvDTE" #>

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.Mvc;

using RX.Core;

using Kendo.Mvc.UI;

using Kendo.Mvc.Extensions;

<# if(!string.IsNullOrEmpty(Model.ModelTypeNamespace)) { #>

using <#= Model.ModelTypeNamespace #>;

<# } #>

<# if((!string.IsNullOrEmpty(Model.RepositoriesNamespace)) && (Model.RepositoriesNamespace != Model.ModelTypeNamespace)) { #>

using <#= Model.RepositoriesNamespace #>;

<# } #>

using RX.UI.Models;

using Newtonsoft.Json;

namespace <#= Model.ControllerNamespace #>

<#

    var modelType = (CodeType)Model.ModelType;

    var modelName = modelType.Name;

    var modelNamePlural = Model.ModelTypePluralized;

    var modelVariable = modelName.ToLower();

    var relatedEntities = ((IEnumerable)Model.RelatedEntities).OfType<RelatedEntityInfo>();

    var primaryKeyProperty = modelType.VisibleMembers().OfType<CodeProperty>().Single(x => x.Name == Model.PrimaryKey);

    var routingName = Regex.Replace(Model.ControllerName, "Controller$", "", RegexOptions.IgnoreCase);

#>

    [AdminAuthorize]

    public class <#= Model.ControllerName #> : Controller

<# foreach(var repository in Repositories.Values) { #>

        private readonly I<#= repository.RepositoryTypeName #> <#= repository.VariableName #>;

<# } #>

        // If you are using Dependency Injection, you can delete the following constructor

        public <#= Model.ControllerName #>() : this(<#= String.Join(", ", Repositories.Values.Select(x => "new " + x.RepositoryTypeName + "()")) #>)

        public <#= Model.ControllerName #>(<#= String.Join(", ", Repositories.Values.Select(x => "I" + x.RepositoryTypeName + " " + x.VariableName)) #>)

<# foreach(var repository in Repositories.Values) { #>

            this.<#= repository.VariableName #> = <#= repository.VariableName #>;

<# } #>

        //grid with options passed ajax

        public ActionResult <#= modelName #>_Read([DataSourceRequest]DataSourceRequest request)

            var allentities=<#= Repositories[modelType.FullName].VariableName #>.All;

            DataSourceResult result = allentities.ToDataSourceResult(request);

            JsonNetResult jsonNetResult = new JsonNetResult();

            jsonNetResult.Formatting = Formatting.Indented;

            jsonNetResult.Data = result;

            return jsonNetResult;

//

        // GET: /<#= routingName #>/

        public ViewResult Index()

<#

    var propertiesToInclude = relatedEntities.Select(relation => relation.LazyLoadingProperty).Where(x => x != null);

    var includeExpression = String.Join(", ", propertiesToInclude.Select(x => String.Format("{0} => {0}.{1}", modelVariable, x.Name)));

    if (!string.IsNullOrEmpty(includeBLOCKED EXPRESSION {

        includeExpression = "Including(" + includeExpression + ")";

#>

            return View(<#= Repositories[modelType.FullName].VariableName #>.All<#= includeExpression #>);

//

        // GET: /<#= routingName #>/Details/5

        public ViewResult Details(<#= primaryKeyProperty.Type.AsString #> id)

            return View(<#= Repositories[modelType.FullName].VariableName #>.Find(id));

//

        // GET: /<#= routingName #>/Create

        public ActionResult Create()

<# foreach(var relatedEntity in relatedEntities.Where(x => x.RelationType == RelationType.Parent)) { #>

            ViewBag.Possible<#= relatedEntity.RelationNamePlural #> = <#= Repositories[relatedEntity.RelatedEntityType.FullName].VariableName #>.All;

<# } #>

            return View();

//

        // POST: /<#= routingName #>/Create

        [HttpPost]

        public ActionResult Create(<#= modelName #> <#= modelVariable #>)

            if (ModelState.IsValid) {

                <#= Repositories[modelType.FullName].VariableName #>.InsertOrUpdate(<#= modelVariable #>);

                <#= Repositories[modelType.FullName].VariableName #>.Save();

                return RedirectToAction("Index");

            } else {

<# foreach(var relatedEntity in relatedEntities.Where(x => x.RelationType == RelationType.Parent)) { #>

                ViewBag.Possible<#= relatedEntity.RelationNamePlural #> = <#= Repositories[relatedEntity.RelatedEntityType.FullName].VariableName #>.All;

<# } #>

                return View();

//

        // GET: /<#= routingName #>/Edit/5

        public ActionResult Edit(<#= primaryKeyProperty.Type.AsString #> id)

<# foreach(var relatedEntity in relatedEntities.Where(x => x.RelationType == RelationType.Parent)) { #>

            ViewBag.Possible<#= relatedEntity.RelationNamePlural #> = <#= Repositories[relatedEntity.RelatedEntityType.FullName].VariableName #>.All;

<# } #>

             return View(<#= Repositories[modelType.FullName].VariableName #>.Find(id));

//

        // POST: /<#= routingName #>/Edit/5

        [HttpPost]

        public ActionResult Edit(<#= modelName #> <#= modelVariable #>)

            if (ModelState.IsValid) {

                <#= Repositories[modelType.FullName].VariableName #>.InsertOrUpdate(<#= modelVariable #>);

                <#= Repositories[modelType.FullName].VariableName #>.Save();

                return RedirectToAction("Index");

            } else {

<# foreach(var relatedEntity in relatedEntities.Where(x => x.RelationType == RelationType.Parent)) { #>

                ViewBag.Possible<#= relatedEntity.RelationNamePlural #> = <#= Repositories[relatedEntity.RelatedEntityType.FullName].VariableName #>.All;

<# } #>

                return View();

//

        // GET: /<#= routingName #>/Delete/5

        public ActionResult Delete(<#= primaryKeyProperty.Type.AsString #> id)

            return View(<#= Repositories[modelType.FullName].VariableName #>.Find(id));

//

        // POST: /<#= routingName #>/Delete/5

        [HttpPost, ActionName("Delete")]

        public ActionResult DeleteConfirmed(<#= primaryKeyProperty.Type.AsString #> id)

            <#= Repositories[modelType.FullName].VariableName #>.Delete(id);

            <#= Repositories[modelType.FullName].VariableName #>.Save();

            return RedirectToAction("Index");

        protected override void Dispose(bool disposing)

            base.Dispose(disposing);

<#+

class RepositoryInfo {

    public string RepositoryTypeName { get; set; }

    public string VariableName { get; set; }

IDictionary<string, RepositoryInfo> _repositories;

IDictionary<string, RepositoryInfo> Repositories {

    get {

        if (_repositories == null) {

            var relatedEntities = ((IEnumerable)Model.RelatedEntities).OfType<RelatedEntityInfo>();

            var relatedTypes = relatedEntities.Where(x => x.RelationType == RelationType.Parent).Select(x => x.RelatedEntityType).Distinct();

            _repositories = relatedTypes.ToDictionary(

                relatedType => relatedType.FullName,

                relatedType => new RepositoryInfo { RepositoryTypeName = relatedType.Name + "Repository", VariableName = relatedType.Name.ToLower() + "Repository" }

);

            _repositories[((CodeType)Model.ModelType).FullName] = new RepositoryInfo { RepositoryTypeName = Model.Repository, VariableName = ((CodeType)Model.ModelType).Name.ToLower() + "Repository" };

        return _repositories;

#>

MvcScaffolding.RazorView\Index.cs.t4

<#@ Template Language="C#" HostSpecific="True" Inherits="DynamicTransform" #>

<#@ Output extension="cshtml" #>

<#@ assembly name="System.ComponentModel.DataAnnotations" #>

<#@ assembly name="System.Core" #>

<#@ assembly name="System.Data.Entity" #>

<#@ assembly name="System.Data.Linq" #>

<#@ import namespace="System" #>

<#@ import namespace="System.Collections" #>

<#@ import namespace="System.Collections.Generic" #>

<#@ import namespace="System.ComponentModel.DataAnnotations" #>

<#@ import namespace="System.Data.Linq.Mapping" #>

<#@ import namespace="System.Data.Objects.DataClasses" #>

<#@ import namespace="System.Linq" #>

<#@ import namespace="System.Reflection" #>

<# var viewDataType = (EnvDTE.CodeType) Model.ViewDataType; #>

<# if(viewDataType != null) { #>

@model IEnumerable<<#= viewDataType.FullName #>>

<# } #>

@{

    ViewBag.Title = "<#= Model.ViewName #>";

<# if (!String.IsNullOrEmpty(Model.Layout)) { #>

    Layout = "<#= Model.Layout #>";

<# } #>

<h2><#= viewDataType.Name #></h2>

<p>

    @Html.ActionLink("Create New", "Create")

</p>

@(Html.Kendo().Grid<<#= viewDataType.FullName #>>()

        .Name("Grid").Filterable()

        .Columns(columns =>

        <# if (!String.IsNullOrEmpty(Model.PrimaryKeyName)) { #>

 columns.Template(@<text></text>).ClientTemplate("<a href='" + Url.Action("Edit", "<#= viewDataType.Name #>") + "?id=#=<#= Model.PrimaryKeyName #>#'>Edit</a>");

 columns.Template(@<text></text>).ClientTemplate("<a href='" + Url.Action("Details", "<#= viewDataType.Name #>") + "?id=#=<#= Model.PrimaryKeyName #>#'>Details</a>");

columns.Template(@<text></text>).ClientTemplate("<a href='" + Url.Action("Delete", "<#= viewDataType.Name #>") + "?id=#=<#= Model.PrimaryKeyName #>#'>Delete</a>");

<#

#>

<#

List<ModelProperty> properties2 = GetModelProperties(Model.ViewDataType, true);

foreach (ModelProperty property in properties2) {

    if (!property.IsPrimaryKey && !property.IsForeignKey) {

#>

    columns.Bound(p => p.<#= property.Name #>);

<#

#>

})

        .DataSource(dataSource => dataSource

            .Ajax() // Specify that the data source is of ajax type

            .Read(read => read.Action("<#= viewDataType.Name #>_Read", "<#= viewDataType.Name #>")) // Specify the action method and controller name

        .Pageable()

<#+

// Describes the information about a property on the model

class ModelProperty {

    public string Name { get; set; }

    public string ValueExpression { get; set; }

    public EnvDTE.CodeTypeRef Type { get; set; }

    public bool IsPrimaryKey { get; set; }

    public bool IsForeignKey { get; set; }

    public bool IsReadOnly { get; set; }

// Change this list to include any non-primitive types you think should be eligible to be edited using a textbox

static Type[] bindableNonPrimitiveTypes = new[] {

    typeof(string),

    typeof(decimal),

    typeof(Guid),

    typeof(DateTime),

    typeof(DateTimeOffset),

    typeof(TimeSpan),

};

// Call this to get the list of properties in the model. Change this to modify or add your

// own default formatting for display values.

List<ModelProperty> GetModelProperties(EnvDTE.CodeType typeInfo, bool includeUnbindableProperties) {

    List<ModelProperty> results = GetEligibleProperties(typeInfo, includeUnbindableProperties);

    foreach (ModelProperty prop in results) {

        if (prop.Type.UnderlyingTypeIs<double>() || prop.Type.UnderlyingTypeIs<decimal>()) {

            prop.ValueExpression = "String.Format(\"{0:F}\", " + prop.ValueExpression + ")";

        else if (prop.Type.UnderlyingTypeIs<DateTime>()) {

            prop.ValueExpression = "String.Format(\"{0:g}\", " + prop.ValueExpression + ")";

        else if (!IsBindableType(prop.Type)) {

            prop.ValueExpression = GetValueExpression("Model." + prop.Name, (EnvDTE.CodeType)prop.Type.CodeType);

    return results;

// Change this list to include the names of properties that should be selected to represent an entity as a single string

static string[] displayPropertyNames = new[] { "Name", "Title", "LastName", "Surname", "Subject", "Count" };

string GetValueExpression(string propertyExpression, EnvDTE.CodeType propertyType) {

    if (propertyType != null) {

        var chosenSubproperty = propertyType.DisplayColumnProperty() ?? propertyType.FindProperty(displayPropertyNames);

        if (chosenSubproperty != null) {

            var toStringSuffix = chosenSubproperty.Type.AsFullName == "System.String" ? "" : ".ToString()";

            return String.Format("({0} == null ? \"None\" : {0}.{1}{2})", propertyExpression, chosenSubproperty.Name, toStringSuffix);

    return "Html.DisplayTextFor(_ => " + propertyExpression + ").ToString()";

// Helper

List<ModelProperty> GetEligibleProperties(EnvDTE.CodeType typeInfo, bool includeUnbindableProperties) {

    List<ModelProperty> results = new List<ModelProperty>();

    if (typeInfo != null) {

        foreach (var prop in typeInfo.VisibleMembers().OfType<EnvDTE.CodeProperty>()) {

            if (prop.IsReadable() && !prop.HasIndexParameters() && (includeUnbindableProperties || IsBindableType(prop.Type))) {

                results.Add(new ModelProperty {

                    Name = prop.Name,

                    ValueExpression = "Model." + prop.Name,

                    Type = prop.Type,

                    IsPrimaryKey = Model.PrimaryKeyName == prop.Name,

                    IsForeignKey = ParentRelations.Any(x => x.RelationProperty == prop),

                    IsReadOnly = !prop.IsWriteable()

});

    return results;

IEnumerable<RelatedEntityInfo> ParentRelations {

    get { return ((IEnumerable)Model.RelatedEntities).OfType<RelatedEntityInfo>().Where(x => x.RelationType == RelationType.Parent); }

// Helper

bool IsBindableType(EnvDTE.CodeTypeRef type) {

    return type.UnderlyingIsPrimitive() || bindableNonPrimitiveTypes.Any(x => type.UnderlyingTypeIs(x));

#>

CreateOrEdit

<#@ Template Language="C#" HostSpecific="True" Inherits="DynamicTransform" #>

<#@ Output extension="cshtml" #>

<#@ assembly name="System.ComponentModel.DataAnnotations" #>

<#@ assembly name="System.Core" #>

<#@ assembly name="System.Data.Entity" #>

<#@ assembly name="System.Data.Linq" #>

<#@ import namespace="System" #>

<#@ import namespace="System.Collections" #>

<#@ import namespace="System.Collections.Generic" #>

<#@ import namespace="System.ComponentModel.DataAnnotations" #>

<#@ import namespace="System.Data.Linq.Mapping" #>

<#@ import namespace="System.Data.Objects.DataClasses" #>

<#@ import namespace="System.Linq" #>

<#@ import namespace="System.Reflection" #>

<# var viewDataType = (EnvDTE.CodeType) Model.ViewDataType; #>

<# if(viewDataType != null) { #>

@model <#= viewDataType.FullName #>

<# } #>

@* This partial view defines form fields that will appear when creating and editing entities *@

<div class="editorcontainer span-16">

<#

foreach (ModelProperty property in GetModelProperties(Model.ViewDataType, false)) {

    if (!property.IsPrimaryKey && !property.IsForeignKey && !property.IsReadOnly) {

#>

<div class="editor-label">

    @Html.LabelFor(model => model.<#= property.Name #>)

</div>

<div class="editor-field">

<# if(property.Type.AsFullName==typeof(string).GetType().FullName) {

#>

    @Html.TextBoxFor(model => model.<#= property.Name #>, new { @class = "k-textbox", placeholder = "Enter <#= property.Name #>" })

<# }else if(property.Type.AsFullName==typeof(decimal).GetType().FullName||property.Type.AsFullName==typeof(double).GetType().FullName||property.Type.AsFullName==typeof(int).GetType().FullName||property.Type.AsFullName==typeof(decimal?).GetType().FullName||property.Type.AsFullName==typeof(double?).GetType().FullName||property.Type.AsFullName==typeof(int?).GetType().FullName) { #>

     @Html.Kendo().NumericTextBoxFor(model => model.<#= property.Name #>)

<# }else{ #>

    @Html.EditorFor(model => model.<#= property.Name #>)

<# } #>

    @Html.ValidationMessageFor(model => model.<#= property.Name #>)

</div>

<#

#>

</div>

<#

foreach (RelatedEntityInfo relation in ParentRelations) {

#>

<div class="editor-label">

    <#= relation.RelationName #>

</div>

<div class="editor-field">

    @Html.DropDownListFor(model => model.<#= relation.RelationProperty.Name #>, ((IEnumerable<<#= relation.RelatedEntityType.FullName #>>)ViewBag.Possible<#= relation.RelationNamePlural #>).Select(option => new SelectListItem {

        Text = <#= GetValueExpression("option", relation.RelatedEntityType) #>,

        Value = option.<#= relation.RelatedEntityPrimaryKeyName #>.ToString(),

        Selected = (Model != null) && (option.<#= relation.RelatedEntityPrimaryKeyName #> == Model.<#= relation.RelationProperty.Name #>)

    }), "Choose...")

    @Html.ValidationMessageFor(model => model.<#= relation.RelationProperty.Name #>)

</div>

<#

#>

<#+

// Describes the information about a property on the model

class ModelProperty {

    public string Name { get; set; }

    public string ValueExpression { get; set; }

    public EnvDTE.CodeTypeRef Type { get; set; }

    public bool IsPrimaryKey { get; set; }

    public bool IsForeignKey { get; set; }

    public bool IsReadOnly { get; set; }

// Change this list to include any non-primitive types you think should be eligible to be edited using a textbox

static Type[] bindableNonPrimitiveTypes = new[] {

    typeof(string),

    typeof(decimal),

    typeof(Guid),

    typeof(DateTime),

    typeof(DateTimeOffset),

    typeof(TimeSpan),

};

// Call this to get the list of properties in the model. Change this to modify or add your

// own default formatting for display values.

List<ModelProperty> GetModelProperties(EnvDTE.CodeType typeInfo, bool includeUnbindableProperties) {

    List<ModelProperty> results = GetEligibleProperties(typeInfo, includeUnbindableProperties);

    foreach (ModelProperty prop in results) {

        if (prop.Type.UnderlyingTypeIs<double>() || prop.Type.UnderlyingTypeIs<decimal>()) {

            prop.ValueExpression = "String.Format(\"{0:F}\", " + prop.ValueExpression + ")";

        else if (prop.Type.UnderlyingTypeIs<DateTime>()) {

            prop.ValueExpression = "String.Format(\"{0:g}\", " + prop.ValueExpression + ")";

        else if (!IsBindableType(prop.Type)) {

            prop.ValueExpression = GetValueExpression("Model." + prop.Name, (EnvDTE.CodeType)prop.Type.CodeType);

    return results;

// Change this list to include the names of properties that should be selected to represent an entity as a single string

static string[] displayPropertyNames = new[] { "Name", "Title", "LastName", "Surname", "Subject", "Count" };

string GetValueExpression(string propertyExpression, EnvDTE.CodeType propertyType) {

    if (propertyType != null) {

        var chosenSubproperty = propertyType.DisplayColumnProperty() ?? propertyType.FindProperty(displayPropertyNames);

        if (chosenSubproperty != null) {

            var toStringSuffix = chosenSubproperty.Type.AsFullName == "System.String" ? "" : ".ToString()";

            return String.Format("({0} == null ? \"None\" : {0}.{1}{2})", propertyExpression, chosenSubproperty.Name, toStringSuffix);

    return "Html.DisplayTextFor(_ => " + propertyExpression + ").ToString()";

// Helper

List<ModelProperty> GetEligibleProperties(EnvDTE.CodeType typeInfo, bool includeUnbindableProperties) {

    List<ModelProperty> results = new List<ModelProperty>();

    if (typeInfo != null) {

        foreach (var prop in typeInfo.VisibleMembers().OfType<EnvDTE.CodeProperty>()) {

            if (prop.IsReadable() && !prop.HasIndexParameters() && (includeUnbindableProperties || IsBindableType(prop.Type))) {

                results.Add(new ModelProperty {

                    Name = prop.Name,

                    ValueExpression = "Model." + prop.Name,

                    Type = prop.Type,

                    IsPrimaryKey = Model.PrimaryKeyName == prop.Name,

                    IsForeignKey = ParentRelations.Any(x => x.RelationProperty == prop),

                    IsReadOnly = !prop.IsWriteable()

});

    return results;

IEnumerable<RelatedEntityInfo> ParentRelations {

    get { return ((IEnumerable)Model.RelatedEntities).OfType<RelatedEntityInfo>().Where(x => x.RelationType == RelationType.Parent); }

// Helper

bool IsBindableType(EnvDTE.CodeTypeRef type) {

    return type.UnderlyingIsPrimitive() || bindableNonPrimitiveTypes.Any(x => type.UnderlyingTypeIs(x));

#>

Create.cs.t4

<#@ Template Language="C#" HostSpecific="True" Inherits="DynamicTransform" #>

<#@ Output extension="cshtml" #>

<#@ assembly name="System.ComponentModel.DataAnnotations" #>

<#@ assembly name="System.Core" #>

<#@ assembly name="System.Data.Entity" #>

<#@ assembly name="System.Data.Linq" #>

<#@ import namespace="System" #>

<#@ import namespace="System.Collections" #>

<#@ import namespace="System.Collections.Generic" #>

<#@ import namespace="System.ComponentModel.DataAnnotations" #>

<#@ import namespace="System.Data.Linq.Mapping" #>

<#@ import namespace="System.Data.Objects.DataClasses" #>

<#@ import namespace="System.Linq" #>

<#@ import namespace="System.Reflection" #>

<# var viewDataType = (EnvDTE.CodeType) Model.ViewDataType; #>

<# if(viewDataType != null) { #>

@model <#= viewDataType.FullName #>

<# } #>

@{

    ViewBag.Title = "<#= Model.ViewName #>";

<#

if (!String.IsNullOrEmpty(Model.Layout)) {

#>

    Layout = "<#= Model.Layout #>";

<#

#>

<h2><#= Model.ViewName #></h2>

<# if(Model.ReferenceScriptLibraries) { #>

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

<# } #>

@using (Html.BeginForm()) {

    @Html.ValidationSummary(true)

        @Html.Partial("_CreateOrEdit", Model)

         <div class="navigation k-block span-4 last">

        <input class="k-button" type="submit" value="Save <#= viewDataType.Name #>" /><br />

        <a href="BLOCKED SCRIPThistory.back();" class="k-button"><span class="k-icon k-i-arrowhead-w">

        </span>Back</a> <a class="k-button" href="@Url.Action("Index", "<#= viewDataType.Name #>")"><#= viewDataType.Name #> List</a>

        </div>

<#+

// Describes the information about a property on the model

class ModelProperty {

    public string Name { get; set; }

    public string ValueExpression { get; set; }

    public EnvDTE.CodeTypeRef Type { get; set; }

    public bool IsPrimaryKey { get; set; }

    public bool IsForeignKey { get; set; }

    public bool IsReadOnly { get; set; }

// Change this list to include any non-primitive types you think should be eligible to be edited using a textbox

static Type[] bindableNonPrimitiveTypes = new[] {

    typeof(string),

    typeof(decimal),

    typeof(Guid),

    typeof(DateTime),

    typeof(DateTimeOffset),

    typeof(TimeSpan),

};

// Call this to get the list of properties in the model. Change this to modify or add your

// own default formatting for display values.

List<ModelProperty> GetModelProperties(EnvDTE.CodeType typeInfo, bool includeUnbindableProperties) {

    List<ModelProperty> results = GetEligibleProperties(typeInfo, includeUnbindableProperties);

    foreach (ModelProperty prop in results) {

        if (prop.Type.UnderlyingTypeIs<double>() || prop.Type.UnderlyingTypeIs<decimal>()) {

            prop.ValueExpression = "String.Format(\"{0:F}\", " + prop.ValueExpression + ")";

        else if (prop.Type.UnderlyingTypeIs<DateTime>()) {

            prop.ValueExpression = "String.Format(\"{0:g}\", " + prop.ValueExpression + ")";

        else if (!IsBindableType(prop.Type)) {

            prop.ValueExpression = GetValueExpression("Model." + prop.Name, (EnvDTE.CodeType)prop.Type.CodeType);

    return results;

// Change this list to include the names of properties that should be selected to represent an entity as a single string

static string[] displayPropertyNames = new[] { "Name", "Title", "LastName", "Surname", "Subject", "Count" };

string GetValueExpression(string propertyExpression, EnvDTE.CodeType propertyType) {

    if (propertyType != null) {

        var chosenSubproperty = propertyType.DisplayColumnProperty() ?? propertyType.FindProperty(displayPropertyNames);

        if (chosenSubproperty != null) {

            var toStringSuffix = chosenSubproperty.Type.AsFullName == "System.String" ? "" : ".ToString()";

            return String.Format("({0} == null ? \"None\" : {0}.{1}{2})", propertyExpression, chosenSubproperty.Name, toStringSuffix);

    return "Html.DisplayTextFor(_ => " + propertyExpression + ").ToString()";

// Helper

List<ModelProperty> GetEligibleProperties(EnvDTE.CodeType typeInfo, bool includeUnbindableProperties) {

    List<ModelProperty> results = new List<ModelProperty>();

    if (typeInfo != null) {

        foreach (var prop in typeInfo.VisibleMembers().OfType<EnvDTE.CodeProperty>()) {

            if (prop.IsReadable() && !prop.HasIndexParameters() && (includeUnbindableProperties || IsBindableType(prop.Type))) {

                results.Add(new ModelProperty {

                    Name = prop.Name,

                    ValueExpression = "Model." + prop.Name,

                    Type = prop.Type,

                    IsPrimaryKey = Model.PrimaryKeyName == prop.Name,

                    IsForeignKey = ParentRelations.Any(x => x.RelationProperty == prop),

                    IsReadOnly = !prop.IsWriteable()

});

    return results;

IEnumerable<RelatedEntityInfo> ParentRelations {

    get { return ((IEnumerable)Model.RelatedEntities).OfType<RelatedEntityInfo>().Where(x => x.RelationType == RelationType.Parent); }

// Helper

bool IsBindableType(EnvDTE.CodeTypeRef type) {

    return type.UnderlyingIsPrimitive() || bindableNonPrimitiveTypes.Any(x => type.UnderlyingTypeIs(x));

#>

Edit.cs.t4

<#@ Template Language="C#" HostSpecific="True" Inherits="DynamicTransform" #>

<#@ Output extension="cshtml" #>

<#@ assembly name="System.ComponentModel.DataAnnotations" #>

<#@ assembly name="System.Core" #>

<#@ assembly name="System.Data.Entity" #>

<#@ assembly name="System.Data.Linq" #>

<#@ import namespace="System" #>

<#@ import namespace="System.Collections" #>

<#@ import namespace="System.Collections.Generic" #>

<#@ import namespace="System.ComponentModel.DataAnnotations" #>

<#@ import namespace="System.Data.Linq.Mapping" #>

<#@ import namespace="System.Data.Objects.DataClasses" #>

<#@ import namespace="System.Linq" #>

<#@ import namespace="System.Reflection" #>

<# var viewDataType = (EnvDTE.CodeType) Model.ViewDataType; #>

<# if(viewDataType != null) { #>

@model <#= viewDataType.FullName #>

<# } #>

@{

    ViewBag.Title = "<#= Model.ViewName #>";

<# if (!String.IsNullOrEmpty(Model.Layout)) { #>

    Layout = "<#= Model.Layout #>";

<# } #>

<h2><#= Model.ViewName #></h2>

<# if(Model.ReferenceScriptLibraries) { #>

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

<# } #>

@using (Html.BeginForm()) {

    @Html.ValidationSummary(true)

<# foreach (ModelProperty property in GetModelProperties(viewDataType, false).Where(x => x.IsPrimaryKey)) { #>

        @Html.HiddenFor(model => model.<#= property.Name #>)

<# } #>

        @Html.Partial("_CreateOrEdit", Model)

       <div class="navigation k-block span-4 last">

        <input class="k-button" type="submit" value="Save <#= viewDataType.Name #>" /><br />

        <a href="BLOCKED SCRIPThistory.back();" class="k-button"><span class="k-icon k-i-arrowhead-w">

        </span>Back</a> <a class="k-button" href="@Url.Action("Index", "<#= viewDataType.Name #>")"><#= viewDataType.Name #> List</a>

        </div>

<#+

// Describes the information about a property on the model

class ModelProperty {

    public string Name { get; set; }

    public string ValueExpression { get; set; }

    public EnvDTE.CodeTypeRef Type { get; set; }

    public bool IsPrimaryKey { get; set; }

    public bool IsForeignKey { get; set; }

    public bool IsReadOnly { get; set; }

// Change this list to include any non-primitive types you think should be eligible to be edited using a textbox

static Type[] bindableNonPrimitiveTypes = new[] {

    typeof(string),

    typeof(decimal),

    typeof(Guid),

    typeof(DateTime),

    typeof(DateTimeOffset),

    typeof(TimeSpan),

};

// Call this to get the list of properties in the model. Change this to modify or add your

// own default formatting for display values.

List<ModelProperty> GetModelProperties(EnvDTE.CodeType typeInfo, bool includeUnbindableProperties) {

    List<ModelProperty> results = GetEligibleProperties(typeInfo, includeUnbindableProperties);

    foreach (ModelProperty prop in results) {

        if (prop.Type.UnderlyingTypeIs<double>() || prop.Type.UnderlyingTypeIs<decimal>()) {

            prop.ValueExpression = "String.Format(\"{0:F}\", " + prop.ValueExpression + ")";

        else if (prop.Type.UnderlyingTypeIs<DateTime>()) {

            prop.ValueExpression = "String.Format(\"{0:g}\", " + prop.ValueExpression + ")";

        else if (!IsBindableType(prop.Type)) {

            prop.ValueExpression = GetValueExpression("Model." + prop.Name, (EnvDTE.CodeType)prop.Type.CodeType);

    return results;

// Change this list to include the names of properties that should be selected to represent an entity as a single string

static string[] displayPropertyNames = new[] { "Name", "Title", "LastName", "Surname", "Subject", "Count" };

string GetValueExpression(string propertyExpression, EnvDTE.CodeType propertyType) {

    if (propertyType != null) {

        var chosenSubproperty = propertyType.DisplayColumnProperty() ?? propertyType.FindProperty(displayPropertyNames);

        if (chosenSubproperty != null) {

            var toStringSuffix = chosenSubproperty.Type.AsFullName == "System.String" ? "" : ".ToString()";

            return String.Format("({0} == null ? \"None\" : {0}.{1}{2})", propertyExpression, chosenSubproperty.Name, toStringSuffix);

    return "Html.DisplayTextFor(_ => " + propertyExpression + ").ToString()";

// Helper

List<ModelProperty> GetEligibleProperties(EnvDTE.CodeType typeInfo, bool includeUnbindableProperties) {

    List<ModelProperty> results = new List<ModelProperty>();

    if (typeInfo != null) {

        foreach (var prop in typeInfo.VisibleMembers().OfType<EnvDTE.CodeProperty>()) {

            if (prop.IsReadable() && !prop.HasIndexParameters() && (includeUnbindableProperties || IsBindableType(prop.Type))) {

                results.Add(new ModelProperty {

                    Name = prop.Name,

                    ValueExpression = "Model." + prop.Name,

                    Type = prop.Type,

                    IsPrimaryKey = Model.PrimaryKeyName == prop.Name,

                    IsForeignKey = ParentRelations.Any(x => x.RelationProperty == prop),

                    IsReadOnly = !prop.IsWriteable()

});

    return results;

IEnumerable<RelatedEntityInfo> ParentRelations {

    get { return ((IEnumerable)Model.RelatedEntities).OfType<RelatedEntityInfo>().Where(x => x.RelationType == RelationType.Parent); }

// Helper

bool IsBindableType(EnvDTE.CodeTypeRef type) {

    return type.UnderlyingIsPrimitive() || bindableNonPrimitiveTypes.Any(x => type.UnderlyingTypeIs(x));

#>

Share this post: | | | |

CSS 3 and html 5 support vs 2010

cipto — Mon, 15 Oct 2012 04:23:38 GMT

http://visualstudiogallery.msdn.microsoft.com/a15c3ce9-f58f-42b7-8668-53f6cdc2cd83

Share this post: | | | |

MVCScaffolding

cipto — Thu, 20 Sep 2012 06:15:50 GMT

Alright so I’ve got a case, Need CRUD CMS, with uploading images.

have survey out N2 and Orchard. Orchard sounds potential, but you build your web app in Orchard. so it’s a Rapid CMS type, instead of CRUD.

if CRUD is what you need as base, switch to MvcScaffolding. Ideally is with CodeSmith, it even has that generator with Kendo UI as the widget. too bad I don’t have the latest version.

In my Case I’ve got existing linqtosql.

how to change the default?

1. Install LinqtoSqlScaffolding through Nuget,

Install-Package LinqToSqlScaffolding

2.change the default repository generator

Set-DefaultScaffolder Repository LinqToSqlScaffolding.Repository

3. Always use with –Repository option

Now here comes the biggest power, you can override the default T4 templates

I want to change 2 templates, controller and repository. because it needs to reference a namespace and change on lot of spots, including the wrong line generated

the command are:

Scaffold CustomTemplate repository repository

Scaffold CustomTemplate Controller ControllerWithRepository

This will create files on your project root. it’s under CodeTemplates\Scaffolders folder.change as you like and make sure you get use the T4 template command binding

You can use the command line to generate things, and also the UI

an example would be:

Scaffold Controller AddressController -Repository -Area Admin -DbContextType SODataContext -Force

NB: Use the command line on package manager console, it works better with no error, and doesn’t have that out of memory exception

Share this post: | | | |