MICROsouffle

Articles avec #asp.net tag

C# .Net : Tester un numérique rendu nullable.

27 Mars 2020 , Rédigé par Antoine SEJALON Publié dans #c, #Asp.net, #Astuces

voici la bonne pratique pour tester la valeur null d'un double par exemple.

Le type double par défaut n'est pas nullable. L'ajout d'un point d’interrogation juste après "double" permet de lui assigner une valeur nulle (ex : double? mondouble = null;).

Tester la valeur null :

Une des premières façon de procéder pourrait être de créer un if qui test le null comme suit.

if(mondouble != null){}

Le fait de faire ceci implique que l’opération va aller chercher dans la surcharge de double qui le rend nullable pour au final tester 'mondouble.HasValue' non disponible dans un double non nullable.

Bonne pratique :

De ce fait i est fortement indiqué de passer directement par cette dernière méthode.

double? monDouble = null;

string reponse = (mondouble.HasValue) ? "Non null" : "null";

 

Bon code et bonne journée à vous =)

Lire la suite

Asp.Net MVC : Erreur d'affichage de modal bootstrap

28 Février 2018 , Rédigé par Antoine SEJALON Publié dans #Astuces, #Asp.net, #JavaScript

Asp.Net MVC : Erreur d'affichage de modal bootstrap

Bonjour et bienvenue dans cet article. Je vais vous présenter comment régler le souci du background noir qui passe par dessus la modal.

Pourquoi ?

Une des cause de ce problème vient du fait que votre modal se trouve sur une branche d'éléments html qui dispose d'une propriété css "position" fixe, relative, ...

Le background se place par défaut juste avant la balise de fermeture de "body" et n'est donc pas sur la même branche d'élément. De ce fait et du fait qu'un "position" soit déclaré, changer le z-index ne change rien à la position d'affichage car il ne traite que les éléments d'une même branche.

Solution :

Une solution consiste soit à mettre le code de vos modals directement en bas de balise "body" (le plus simple, mais qui n'est pas forcement faisable dans toutes les situation), soit passer vos modals de leur emplacement d'appel directement en bas de balise "body". Pour ceci, dans votre fichier Javascript, utilisez la methode .appendTo("body") pour placer la modal dans la balise body :

AfficherMaModal() { 
     $("#maModal").modal("show"); 
     $("#maModal").appendTo("body"); 
}

De ce fait, votre modal se retrouve au même niveau que votre background noir.

<body>
     <section>
          <div style="position: absolute">
               <p>Mon contenu</p>
          <div>
     <section>

     <div class="modal">
          <p>Le contenu de ma modal</p>
     </div>
     <div class="modal-overlay"></div>
</body>

en espèrent vous avoir donné des pistes ou une solution. Bon code et à bientôt.

Lire la suite

C# : Recuperer le numéro de la semaine en cours.

18 Octobre 2016 , Rédigé par Antoine SEJALON Publié dans #c, #Asp.net

Bonjour, bienvenue dans ce tuto. Je vais vous expliquer comment récupérer le numéro de la semaine en langage C#. DateTime ne nous permettant pas de le récupérer directement, nous allons utiliser la fonction GetWeekOfYear de CultureInfo.CurrentCulture.Calendar comme suit :

int num_semaine = CultureInfo.CurrentCulture.Calendar.GetWeekOfYear(DateTime.Now, CalendarWeekRule.FirstFullWeek, DayOfWeek.Monday);

DateTime.Now : recupere la date du jour en cours.

DayOfWeek : Définit quel est le premier jour de la semaine.

CalendarWeekRule.FirstFullWeek : est la valeur qui définit une semaine. Trois possibilités :

FirstDay : La premiere semaine de l’année commence le premier jour de l’année et fini le dernier jour de la semaine en cours. Ex : si le 1er janvier est un jeudi et que vous avez mis DayOfWeek à lundi, la première semaine ira du jeudi 1er au dimanche 4 Janvier.

FirstFourDayWeek : La première semaine de l’année est la première semaine de l’année disposant d’au moins 4 jours avant le dernier jour de celle-ci. Ex :

Si ma première semaine commence un mardi et que j’ai mis comme premier jour de la semaine le lundi, j’ai bien plus de 4 jours du mardi 1er au dimanche 6 Janvier. Ce sera donc ma première semaine.

A l’inverse, si le 1er janvier est un vendredi, je n’ai que 3 jours entre le vendredi 1er et le dimanche 3 janvier. Ma première semaine sera donc du lundi 4 janvier au dimanche 10 janvier.

FirstFullWeek : Comme son nom l’indique, la première semaine de l’année est la première semaine pleine. Ex : Le 1er janvier est un mercredi, ce qui fait que si l’on met comme premier jour de la semaine un lundi, la première semaine sera celle du lundi 6 janvier au dimanche 12 janvier.

Merci d'avoir suivi cette astuce et bon code =)

C# : Recuperer le numéro de la semaine en cours.
Lire la suite

JS : Créer une modal d'erreur bootstrap réutilisable

30 Mars 2016 , Rédigé par Antoine SEJALON Publié dans #Asp.net, #JavaScript

JS : Créer une modal d'erreur bootstrap réutilisable

Bonjour, suite au besoin d’une pop-up pour afficher les messages d’erreurs dans un site Asp.net MVC, j’ai créé un ensemble HTML/JS/CSS réutilisable.

Le model de la modal en elle-même est le schéma de base de bootstrap :

<div class="modal fade" id="modalErreur" role="dialog"> <div class="modal-dialog"> <!-- Modal erreur--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">&times;</button> <h4 class="modal-title" id="titreModalErreur"></h4> </div> <div class="modal-body"> <div id="textModalErreur" data-nomsecteur="" data-idajout=""> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Ok</button> </div> </div> </div> </div>

Ajoutez un style pour afficher le texte en rouge :

<style> #textModalErreur { color: darkred; font-weight: bold; } </style>

Créez une fonction JS* générique :

<script type="text/javascript"> function ModalErreur(titre, text) { document.getElementById("titreModalErreur").innerHTML = titre; document.getElementById("textModalErreur").innerHTML = text; $('#modalErreur').modal('show'); } </script>

Faites un appel à cette fonction JS* :

<script type="text/javascript"> ModalErreur("Erreur de création", "La création ... n'a pas fonctionnée."); </script>

A venir : Modal de confirmation (type suppression d'un élément) le plus générique possible.

Merci de votre visite et bon code.

JS : Créer une modal d'erreur bootstrap réutilisable
Lire la suite

Metafizzy : utilisation dans un projet Asp.net MVC

9 Mars 2016 , Rédigé par Antoine SEJALON Publié dans #Asp.net

Metafizzy : utilisation dans un projet Asp.net MVC

Bonjour,

je vais vous présenter la librairie Metafizzy qui va nous permettre d'afficher des listes triables.

Dans un premier temps allez sur Metafizzy.

ensuite cliquez sur isotope.

Metafizzy : utilisation dans un projet Asp.net MVC

Cliquez droit sur le bouton "Download isotope.​pkgd.​min.jsDownload" puis, "enregistrer la cible du lien sous...".

Metafizzy : utilisation dans un projet Asp.net MVC

Ce fichier js sera à ajouter aux scripts de votre solution.

 

Passons au code :

Dans un premier temps nous allons ajouter le menu qui comporte les boutons de tri.

<ul> <!-- Les class servent à utiliser bootstrap et le data-filter permet par la suite de definir les objets à afficher via une sorte d'id de catégorie --> <li><button class="btn btn-default" data-filter="*">Tous les objets</button></li> <li><button class="btn btn-default" data-filter=".categorie1">objets catégorie 1</button></li> <li><button class="btn btn-default" data-filter=".categorie2">objets catégorie 2</button></li> </ul>

Ensuite nous allons créer les objets à afficher (photos, block de texte, ...).

<!-- cette div va etres la ref. d'affichage des objets --> <div class="table"> <!-- je met en col-md-4 pour avoir 3 objets par ligne A vous de choisir le nombre d'articles par ligne. le "categorie1" est l'identifiant qui va permettre de trier les objets --> <div class="element-item col-md-4 categorie1"> <h3>Objet 1</h3> <p>Mon txt objet 1</p> </div> <div class="element-item col-md-4 categorie1"> <h3>Objet 2</h3> <p>Mon txt objet 2</p> </div> <div class="element-item col-md-4 categorie2"> <h3>Objet 3</h3> <p>Mon txt objet 3</p> </div> <div class="element-item col-md-4 categorie2"> <h3>Objet 4</h3> <p>Mon txt objet 4</p> </div> </div>

Quand nous cliquerons sur le bouton avec l'identifiant "categorie2", seul les objets 3 et 4 seront visibles.

Enfin passons au script :

<script type="text/javascript"> // on recupere le conteneur table var $table = $('.table').isotope({ // options }); // filter items on button click $('.filter-button-group').on('click', 'button', function () { var filtreSelect = $(this).attr('data-filter'); $table.isotope({ filter: filtreSelect }); }); </script>

A vous maintenant d'ajuster le css pour avoir quelque chose de propre et adapté à vos besoins.

Bonne journée et bon code =)

Lire la suite

Ajax : Formater le champ ‘data’ d’une requête Ajax pour transmettre les valeurs à un controller ASP.Net model MVC.

26 Février 2016 , Rédigé par Antoine SEJALON Publié dans #Asp.net, #ajax

Bonjour, si vous voulez récupérer des valeurs dans une vue .cshtm et les envoyer à un controller, vous pouvez les envoyer via une requête Ajax. Vous allez ainsi pouvoir traiter une requête sans changer ni recharger la page.

Nous allons utiliser une fonction JsonResult dans notre controller et retourner via un Json une réponse à notre vue.

Code controller :

Ajax : Formater le champ ‘data’ d’une requête Ajax pour transmettre les valeurs à un controller ASP.Net model MVC.

Code script de la vue :

Ajax : Formater le champ ‘data’ d’une requête Ajax pour transmettre les valeurs à un controller ASP.Net model MVC.

Pour passer un model en data, découpez encore plus la syntaxe. Par exemple si vous voulez une premiere valeur en model User user(nom, prenom, age) et un int id :

Data : { user : { nom : valNom, prenom : valPrenom, age : valAge }, id : valId }

 

Bon code.

Ajax : Formater le champ ‘data’ d’une requête Ajax pour transmettre les valeurs à un controller ASP.Net model MVC.
Lire la suite

Mise en place d'une authentification via SSO

3 Février 2016 , Rédigé par Antoine SEJALON Publié dans #Asp.net, #Authentification

Mise en place d'une authentification via SSO

Si vous souhaitez mettre en place un système d'authentification par SSO (Single Sign-On) pour protéger votre site Asp.net mvc, je vous recommande cet excellent tuto proposé par Mikesdotnetting : http://www.mikesdotnetting.com/article/216/windows-authentication-with-asp-net-web-pages

Lire la suite