You can use `@@` which razor ignores and prints one `@`.

For example, let the string be the first 10 digits of pi, `3141592653`, and the subsequence be `123`. Note that the sequence occurs twice:

    3141592653
     1    2  3
       1  2  3


This was an interview question that I couldn&#39;t answer and I can&#39;t think of an efficient algorithm and it&#39;s bugging me. I feel like it should be possible to do with a simple regex, but ones like `1.*2.*3` don&#39;t return every subsequence. My naive implementation in Python (count the 3&#39;s for each 2 after each 1) has been running for an hour and it&#39;s not done.

Find the number of occurrences of a subsequence in a string

&gt; **Possible Duplicate:**  
&gt; [How do I check a checkbox with JQuery or Javascript?](https://stackoverflow.com/questions/426258/how-do-i-check-a-checkbox-with-jquery-or-javascript)  

&lt;!-- End of automatically inserted text --&gt;

I&#39;m trying to make a checkbox checked (or not) with jQuery.

My example HTML:

    &lt;input type=&quot;checkbox&quot; id=&quot;test&quot; name=&quot;test&quot; /&gt;

Attempt at clearing a checkbox(doesn&#39;t work)

    $(&#39;#test&#39;).val(&#39;off&#39;);

and at checking: 

    $(&#39;#test&#39;).val(&#39;on&#39;);

How do I control checkboxes with jQuery?

How to make a checkbox checked with jQuery?

I have the following:

    @if (Model.PageMeta.Sidebar == PageMetaSidebar.Small) { Html.RenderPartial(&quot;_SmallSidebar&quot;); }


and in my include file:

    &lt;style &quot;text/css&quot;&gt;
        #sbr { width: 193px; }
        #lft { left: 205px; top: 85px; right:  5px; bottom: 30px; }
        #top { left: 215px; top: 85px; right: 15px; }
        #btm { left: 215px; right: 15px; bottom: 30px; }
        #mdl { left: 215px; top: 85px; right: 15px; bottom: 30px; }
        @media print {
            div#lft {left:10px; right: 10px; top: 0px;}
            div#top {left:20px; right: 20px; top: 0px;}
            div#btm {left:20px; right: 20px; }
            div#mdl {left:20px; right: 20px; top: 0px;}
        }
    }
    &lt;/style&gt;

However this gives me a compile type error:

    _SmallSidebar.cshtml(7): error CS0103: The name &#39;media&#39; does not exist in the current context

Does anyone out there know how I could fix this so it accepts that @media is not something that needs to be evaluated?

How can I specify CSS @media within a razor file?

I have the following:
<pre><code class="hljs language-ini">@if (Model.PageMeta.Sidebar == PageMetaSidebar.Small) { Html.RenderPartial("_SmallSidebar"); }
</code></pre>
and in my include file:
<pre><code class="hljs language-php-template">&#x3C;style "text/css">
 #sbr { width: 193px; }
 #lft { left: 205px; top: 85px; right: 5px; bottom: 30px; }
 #top { left: 215px; top: 85px; right: 15px; }
 #btm { left: 215px; right: 15px; bottom: 30px; }
 #mdl { left: 215px; top: 85px; right: 15px; bottom: 30px; }
 @media print {
 div#lft {left:10px; right: 10px; top: 0px;}
 div#top {left:20px; right: 20px; top: 0px;}
 div#btm {left:20px; right: 20px; }
 div#mdl {left:20px; right: 20px; top: 0px;}
 }
}
&#x3C;/style>
</code></pre>
However this gives me a compile type error:
<pre><code class="hljs language-vbnet">_SmallSidebar.cshtml(7): error CS0103: The name 'media' does not exist in the current context
</code></pre>
Does anyone out there know how I could fix this so it accepts that @media is not something that needs to be evaluated?

Or, should I rather ask, when will VS code formatting work properly for Razor markup? The formatting works for most structures, but it seems to choke on &#39;if&#39; blocks. The code below is as it is formatted by VS. It is very easy to fix this case, with one more indent, but I nicely accepted the formatting in everyday use, and like to use it often for the bulk of my code, so I&#39;d rather avoid manual formatting if possible. Right now I just leave it as VS formats it. 

    @{ 
        if (User.Identity.IsAuthenticated)
        {
        &lt;text&gt;Hello &lt;/text&gt;
        @Html.Display(&quot;@ViewBag.UserName&quot;) &lt;text&gt; - &lt;/text&gt;
        @Html.ActionLink(&quot;Sign Out&quot;, &quot;LogOff&quot;, &quot;Account&quot;, null, new { style = &quot;font-weight: bold;&quot; })
        }
     }

I think it&#39;s important for readability that, e.g. in the above, the body of the if block is indented, besides just looking nicer. 

Why doesn&#39;t Visual Studio code formatting work properly for Razor markup?

I&#39;m using ASP.NET MVC 3 and Entity Framework 4.1 Code First.

Let&#39;s say I have a `User` entity :

    public class User
    {
        public int Id { get; set; }
        public string Name { get; set; }
        public string Email { get; set; }
        public string Password { get; set; }        
    }

When editing it in my `UserController` I want to add a `PasswordConfirmation` field and verify that `PasswordConfirmation == Password` 

1. By composition
-----------------
My first try was :

    public class EditUserModel
    {
        [Required]
        public User User { get; set; }

        [Compare(&quot;User.Password&quot;, ErrorMessage = &quot;Passwords don&#39;t match.&quot;)]
        public string PasswordConfirmation { get; set; }
    }

In this case the client side validation &lt;del&gt;works but&lt;/del&gt; (**Edit:** client side validation working was a coincidence.) **doesn&#39;t work** and the **server side validation fails** with the following message : *Could not find a property named User.Password*

**Edit:** I think the best solution, in this case, would be to create a custom  `CompareAttribute`

**Implementing `IValidatableObject`**

    public class EditUserModel : IValidatableObject
    {
        [Required]
        public User User { get; set; }
        public string PasswordConfirmation { get; set; }

        public IEnumerable&lt;ValidationResult&gt; Validate(ValidationContext validationContext)
        {
            if(this.PasswordConfirmation != this.User.Password)
                return new[] { new ValidationResult(&quot;Passwords don&#39;t match&quot;, new[] { &quot;PasswordConfirmation &quot; }) };

            return new ValidationResult[0];
        }
    }

In this case the **server side validation works** but the **client side validation doesn&#39;t work** anymore. Implementing `IClientValidatable` seems a bit too complicated and I prefer not having client side validation in this case.

2. By inheritance
-----------------

    public class EditUserModel : User
    {
        [Compare(&quot;Password&quot;, ErrorMessage = &quot;Passwords don&#39;t match.&quot;)]
        public string PasswordConfirmation  { get; set; }
    }

When trying to directly save `EditUserModel` using EF it doesn&#39;t work, I get some some error message about the `EditUserModel` metadata so I&#39;m using *AutoMapper* to convert from `User` to `EditUserModel` and backwards.
This solution **works** but it more complex because I have to convert from the model to the view model and backwards.

3. By duplication
-----------------
*(Suggested by Malte Clasen)*

The view model would have all the properties of the model plus additional ones. *AutoMapper* can be used to convert from one to another.

    public class EditUserModel {    
      public string Name { get; set; }    
      public string Email { get; set; }    
      public string Password { get; set; }   
      [Compare(&quot;Password&quot;, ErrorMessage = &quot;Passwords don&#39;t match.&quot;)]     
      public string ConfirmPassword { get; set; }        
    }

This is the solution I like the least because of code duplication (DRY) 


**Questions**

What are the pros and cons of inheritance, composition and duplication in this case ?

Is there a simple way to have both client side and server side validation without having to convert the model to the view model and backwards ?

ASP.NET MVC Architecture : ViewModel by composition, inheritance or duplication?

This works, because it returns the result of partial view rendering in a string:

    @Html.Partial(&quot;Path/to/my/partial/view&quot;)

But I prefer to use `RenderPartial` and it seems I need to write:

    @{Html.RenderPartial(&quot;Path/to/my/partial/view&quot;);}

instead of:

    @Html.RenderPartial(&quot;Path/to/my/partial/view&quot;);

To get it to work. Error message:

     Compiler Error Message: CS1502: The best overloaded method match for &#39;System.Web.WebPages.WebPageExecutingBase.Write(System.Web.WebPages.HelperResult)&#39; has some invalid arguments

If there any better way instead of opening code block `@{...}` just for one method call?

Html.RenderPartial() syntax with Razor

Does anybody know how to enable gzip compression in MVC 3? I&#39;m using IIS7.

Google Chrome Audit&#39;s result:

&gt;  1. Enable gzip compression (4)   
&gt;  2. Compressing the following resources with gzip could reduce their transfer size by about two thirds (~92.23KB):  
&gt;  3. /mydomain/ could save ~1.53KB  
&gt;  4. jquery-1.4.4.min.js could save ~51.35KB 
&gt;  5. Cufon.js could save ~11.89KB  
&gt;  6. Futura.js could save ~27.46KB


How do I enable gzip compression when using MVC3 on IIS7?

I&#39;ve created a custom ValidationAttribute that compares 2 dates and makes sure that the second date is greater than the first:

    public sealed class IsDateAfter : ValidationAttribute, IClientValidatable
    {
        private readonly string testedPropertyName;
        private readonly bool allowEqualDates;

        public IsDateAfter(string testedPropertyName, bool allowEqualDates = false)
        {
            this.testedPropertyName = testedPropertyName;
            this.allowEqualDates = allowEqualDates;
        }

        protected override ValidationResult IsValid(object value, ValidationContext validationContext)
        {
            var propertyTestedInfo = validationContext.ObjectType.GetProperty(this.testedPropertyName);
            if (propertyTestedInfo == null)
            {
                return new ValidationResult(string.Format(&quot;unknown property {0}&quot;, this.testedPropertyName));
            }

            var propertyTestedValue = propertyTestedInfo.GetValue(validationContext.ObjectInstance, null);

            if (value == null || !(value is DateTime))
            {
                return ValidationResult.Success;
            }

            if (propertyTestedValue == null || !(propertyTestedValue is DateTime))
            {
                return ValidationResult.Success;
            }

            // Compare values
            if ((DateTime)value &gt;= (DateTime)propertyTestedValue)
            {
                if (this.allowEqualDates)
                {
                    return ValidationResult.Success;
                }
                if ((DateTime)value &gt; (DateTime)propertyTestedValue)
                {
                    return ValidationResult.Success;
                }
            }

            return new ValidationResult(FormatErrorMessage(validationContext.DisplayName));
        }

        public IEnumerable&lt;ModelClientValidationRule&gt; GetClientValidationRules(ModelMetadata metadata, ControllerContext context)
        {
            var rule = new ModelClientValidationRule
            {
                ErrorMessage = this.ErrorMessageString,
                ValidationType = &quot;isdateafter&quot;
            };
            rule.ValidationParameters[&quot;propertytested&quot;] = this.testedPropertyName;
            rule.ValidationParameters[&quot;allowequaldates&quot;] = this.allowEqualDates;
            yield return rule;
        }

CalendarEntry class:
...

    public virtual DateTime StartDate { get; set; }
        
    [IsDateAfter(&quot;StartDate&quot;, true, ErrorMessage=&quot;End date needs to be after start date&quot;)]
    public virtual DateTime EndDate { get; set; }


VIEW:

    $.validator.unobtrusive.adapters.add(
        &#39;isdateafter&#39;, [&#39;propertytested&#39;, &#39;allowequaldates&#39;], function (options) {
        options.rules[&#39;isdateafter&#39;] = options.params;
        options.messages[&#39;isdateafter&#39;] = options.message;
    });
    $.validator.addMethod(&quot;isdateafter&quot;, function(value, element, params) {
        alert(params.propertytested);
        var startdatevalue = $(&#39;input[name=&quot;&#39; + params.propertytested + &#39;&quot;]&#39;).val();
        if (!value || !startdatevalue) return true;
        return (params.allowequaldates) ? Date.parse(startdatevalue) &lt;= Date.parse(value) : Date.parse(startdatevalue) &lt; Date.parse(value);
    }, &#39;&#39;);

This works fine when the **CalendarEntry** is not wrapped inside another class. HOWEVER, when I use a view model like so:

        public class TrainingDateEditViewModel
        {
            #region Properties
    
            /// &lt;summary&gt;
            /// Gets or sets CalendarEntry.
            /// &lt;/summary&gt;
            public CalendarEntry CalendarEntry { get; set; }
    ....


The client validation no longer works because the html output produced is this:

    &lt;input type=&quot;text&quot; value=&quot;&quot; name=&quot;CalendarEntry.EndDate&quot; id=&quot;CalendarEntry_EndDate&quot; data-val-isdateafter-propertytested=&quot;StartDate&quot; data-val-isdateafter-allowequaldates=&quot;True&quot; data-val-isdateafter=&quot;End date needs to be after start date&quot; data-val=&quot;true&quot;&gt;

And the 

    data-val-isdateafter-propertytested=&quot;StartDate&quot; and IT SHOULD BE: &quot;CalendarEntry.StartDate&quot;.

How would I make it so that it would know to bind to &quot;CalendarEntry.StartDate&quot;
rule.ValidationParameters[&quot;propertytested&quot;] = this.testedPropertyName; // HERE IT SHOULD BE FULL NAME??? HOW??


thanks


MVC custom validation: compare two dates

I&#39;m new to MVC. I want to be able to hide some actionlinks for some users. Say I have a &quot;create&quot; actionlink which I only want administrators to see and click. I want to use some sort of &quot;loggedintemplate&quot; available in asp.net, but it doesn&#39;t seem to work in razor.

I could use some sort of code block with an if statement checking the current user and her role, however that may not be best practice?

my index.cshtml..

    // want some adminauth attribute here...
    @Html.ActionLink(&quot;Create New&quot;, &quot;Create&quot;)

my controller..

    // GET: /Speaker/Create
    [Authorize(Roles = &quot;Administrators&quot;)]
    public ActionResult Create()
    {
        return View();
    }


asp.net MVC3 razor: display actionlink based on user role

I&#39;ve got a large site that runs in ASP.NET MVC using the Razor view engine.

I have a base stylesheet which contains all of the generic styling for the whole site.  On occasion, however, I have page specific styles which in the `&lt;head&gt;` of the page - usually this is one or 2 lines.

I don&#39;t particularly like putting the CSS in `&lt;head&gt;` as its not strictly separation of concerns, but for one or two lines, that really is specific to that page, I prefer not have to attach another file and add to the bandwidth.

I&#39;ve got an instance though where I would like to put a page specific media query into the `&lt;head&gt;`, but because a media query uses the @ symbol and brackets {} it&#39;s clashing with the razor syntax:

    @section cphPageHead{
         &lt;style&gt;
            /* PAGE SPECIFIC CSS */
            ...
          
            @media only screen and (max-width : 960px) &lt;-- the @ symbol here is clashing!
                {
                   ... }
                } 
        &lt;/style&gt;
    }  

Is there a way I can get around this?

@media media query and ASP.NET MVC razor syntax clash

I am very confuse with this partial view.

I want to load a partial view inside my main view.

Here is the simple example.

I am loading Index.cshtml of the Homecontroller Index action as a main page.

In index.cshtml, I am creating a link via

    @Html.ActionLink(&quot;load partial view&quot;,&quot;Load&quot;,&quot;Home&quot;)

in HomeController I am adding a new Action called 

    public PartialViewResult Load()
    {
        return PartialView(&quot;_LoadView&quot;);
    }

in _LoadView.cshmtl I am just having a 

    &lt;div&gt;
        Welcome !!
    &lt;/div&gt;

BUT, when run the project, index.cshtml renders first and shows me the link &quot;Load Partial View&quot;. when I click on that it goes to new page instade of rendering the welcome message from _LoadView.cshtml into the index.cshtml.

What can be wrong?

Note: I don&#39;t want to load page through AJAX or don&#39;t want to use Ajax.ActionLink .

Content Type	Original Author	Original Content on Stackoverflow
Question	Janese	View Question on Stackoverflow
Solution 1 - asp.net Mvc	Buildstarted	View Answer on Stackoverflow

How can I specify CSS @media within a razor file?

asp.net Mvc Problem Overview

asp.net Mvc Solutions

Solution 1 - asp.net Mvc

How to make a checkbox checked with jQuery?

Find the number of occurrences of a subsequence in a string

Attributions