Advertisement
Guest User

Untitled

a guest
Nov 30th, 2017
144
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
C# 2.44 KB | None | 0 0
  1. [ContentType(GUID = "a7d7f7ce-8f04-49cc-83d9-d37466ca0be9")]
  2.     public class CityElementBlock : TextboxElementBlock
  3.     {
  4.        
  5.     }
  6.  
  7. [ContentType(GUID = "aebffdd1-82f4-4119-a297-f2fe2b7010a4")]
  8.     public class ZipCodeElementBlock : TextboxElementBlock
  9.     {
  10.  
  11.     }
  12.  
  13.  
  14.  
  15.  
  16. @using EPiServer.Forms.Helpers.Internal
  17. @model ZipCodeElementBlock
  18.  
  19. @{
  20.     var formElement = Model.FormElement;
  21.     var labelText = Model.Label;
  22. }
  23.  
  24. @using (Html.BeginElement(Model, new { @class = "FormTextbox" + Model.GetValidationCssClasses(), data_f_type = "textbox" }))
  25. {
  26.     <label for="@formElement.Guid" class="Form__Element__Caption">@labelText</label>
  27.     <input name="@formElement.ElementName" id="@formElement.Guid" type="text" class="FormTextbox__Input" placeholder="@Model.PlaceHolder" value="@Model.GetDefaultValue()" @Html.Raw(Model.AttributesString) data-f-datainput data-postal-search/>
  28.    
  29.     @Html.ValidationMessageFor(Model)
  30.     @Model.RenderDataList()
  31. }
  32.  
  33. <script>
  34.     $(document).ready(function() {
  35.         var input = $('[data-postal-search]'),
  36.             result = $('[data-postal-search-result]');
  37.  
  38.         result.attr("readonly", "readonly");
  39.  
  40.         input.on('keyup', $.throttle(350, function () {
  41.             var element = $(this),
  42.                 value = element.val(),
  43.                 url = "http://adressesok.posten.no/api/v1/postal_codes.json?postal_code=" + value + "&callback=";
  44.  
  45.             if (value.length === 4) {
  46.                 $.ajax({
  47.                     method: 'GET',
  48.                     url: url
  49.                 }).done(function (data) {
  50.                     result.val(data.postal_codes[0].city);
  51.                 });
  52.             }
  53.  
  54.         }));
  55.     });
  56. </script>
  57.  
  58. @using EPiServer.Forms.Helpers.Internal
  59. @model CityElementBlock
  60.  
  61. @{
  62.     var formElement = Model.FormElement;
  63.     var labelText = Model.Label;
  64. }
  65.  
  66. @using (Html.BeginElement(Model, new { @class = "FormTextbox" + Model.GetValidationCssClasses(), data_f_type = "textbox" }))
  67. {
  68.     <label for="@formElement.Guid" class="Form__Element__Caption">@labelText</label>
  69.     <input name="@formElement.ElementName" id="@formElement.Guid" type="text" class="FormTextbox__Input" placeholder="@Model.PlaceHolder" value="@Model.GetDefaultValue()" @Html.Raw(Model.AttributesString) data-f-datainput data-postal-search-result/>
  70.  
  71.     @Html.ValidationMessageFor(Model)
  72.     @Model.RenderDataList()
  73. }
  74.  
  75.  
  76. Legg så begge blokker i skjemaet du vil ha denne funksjonen i
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement