وحید نصیری وحید نصیری
تهیه خروجی RSS در برنامه‌های ASP.NET MVC
‫۵ سال و ۱۰ ماه قبل، پنجشنبه ۱۰ آبان ۱۳۹۷، ساعت ۲۳:۲۱
جهت نمایش لوگوی سایت شما در یک فید خوان است. FeedImageContentPath، مسیر نسبی به یک تصویر در سایت شما است (content/logo.jpg/~) و FeedImageTitle توضیحات آن. این مسیر نسبی به صورت خودکار به مسیر مطلق تبدیل می‌شود.
وحید نصیری وحید نصیری
کامپوننت‌های راهبری سایت در بوت استرپ 4
‫۵ سال و ۱۰ ماه قبل، سه‌شنبه ۸ آبان ۱۳۹۷، ساعت ۰۴:۳۰
یک نکته‌ی تکمیلی: افزودن خودکار کلاس active، بر اساس آدرس صفحه‌ی جاری به آیتم متناظر در منوی راهبری سایت 
$(function () {
    $(".navbar-nav .nav-item, .navbar-nav .dropdown-item").each(function () {
        var href = $(this).find('a').attr('href');
        if (!href) {
            href = $(this).attr('href');
        }
        if (href === location.pathname) {
            $(this).addClass('active');
        }
    });
});
وحید نصیری وحید نصیری
کار با شیوه‌نامه‌های فرم‌ها در بوت استرپ 4
‫۵ سال و ۱۰ ماه قبل، دوشنبه ۷ آبان ۱۳۹۷، ساعت ۱۵:۵۹
یک نکته‌ی تکمیلی: افزودن کلاس‌های اعتبارسنجی بوت استرپ 4 به فرم‌های ASP.NET MVC و همچنین ASP.NET Core

اگر در برنامه‌ی وب خود از افزونه‌ی jQuery Validator و مشتقات آن استفاده می‌کنید، نکاتی را که در مطلب جاری در قسمت «کلاس‌های کنترل اندازه و اعتبارسنجی المان‌های فرم‌های بوت استرپ 4» عنوان شدند، به صورت زیر می‌توان به تنظیمات این افزونه، اضافه کرد تا به صورت خودکار به المان‌های فرم‌های برنامه اعمال شوند:
$.validator.setDefaults({
    ignore: "", // for hidden tabs and also textarea's
    errorElement: 'span',
    errorPlacement: function (error, element) {
        error.addClass('invalid-feedback');
        element.closest('.form-group').append(error);
    },
    highlight: function (element, errorClass, validClass) {
        if (element.type === 'radio') {
            this.findByName(element.name).addClass(errorClass).removeClass(validClass);
        } else {
            $(element).addClass(errorClass).removeClass(validClass);
            $(element).addClass('is-invalid').removeClass('is-valid');
            $(element).closest('.form-group').find('.input-group-text, label').removeClass('text-success').addClass('text-danger');
        }
        $(element).trigger('highlited');
    },
    unhighlight: function (element, errorClass, validClass) {
        if (element.type === 'radio') {
            this.findByName(element.name).removeClass(errorClass).addClass(validClass);
        } else {
            $(element).removeClass(errorClass).addClass(validClass);
            $(element).removeClass('is-invalid').addClass('is-valid');
            $(element).closest('.form-group').find('.input-group-text, label').removeClass('text-danger').addClass('text-success');
        }
        $(element).trigger('unhighlited');
    }
});

function removeAllTagsAndTrim(html) {
    return !html ? "" : $.trim(html.replace(/(<([^>]+)>)/ig, ""));
}

$.validator.methods.originalRequired = $.validator.methods.required;
$.validator.addMethod("required", function (value, element, param) {
    value = removeAllTagsAndTrim(value);
    if (!value) {
        return false;
    }
    return $.validator.methods.originalRequired.call(this, value, element, param);
}, $.validator.messages.required);
در قسمت highlight، کار قرمز کردن المان‌ها و در قسمت unhighlight، کار سبز کردن المان‌های فرم صورت می‌گیرند. در اینجا همچنین یک سری تنظیمات اضافه‌تر برای پردازش المان‌های مخفی شده‌ی در تب‌های مختلف نیز وجود دارند.

وحید نصیری وحید نصیری
استفاده از افزونه‌ی jsTree در ASP.NET MVC
‫۵ سال و ۱۰ ماه قبل، یکشنبه ۶ آبان ۱۳۹۷، ساعت ۲۳:۱۰
- کدها را تصویری ارسال نکنید. در این حالت نه قابلیت جستجو دارند و نه قابلیت کپی سریع و پیگیری آن‌ها.
- این افزونه اطلاعات را با فرمت application/x-www-form-urlencoded ارسال می‌کند: 
"dataType": "json",
"contentType": "application/x-www-form-urlencoded",
'data': function (node) {
  return { 'id': node.id, recordId: 7885, name: "Test" };
}
وحید نصیری وحید نصیری
شروع به کار با بوت استرپ 4
‫۵ سال و ۱۰ ماه قبل، یکشنبه ۶ آبان ۱۳۹۷، ساعت ۱۴:۳۸
یک نکته‌ی تکمیلی: چگونه کلاس‌های CSS استفاده نشده را تشخیص دهیم؟

اگر قصد ارتقاء از نگارش قبلی، به جدید را داشته باشید، پس از اصلاح مداخل جدید بوت استرپ، به هم ریختگی‌هایی را در صفحات مختلف، مشاهده خواهید کرد. بنابراین اولین سؤالی که در اینجا مطرح می‌شود این است: «کدامیک از کلاس‌هایی که هم اکنون در صفحه‌ی جاری تعریف شده‌اند، دیگر در بوت استرپ جدید وجود خارجی ندارند و حذف شده‌اند؟» برای پاسخ به این سؤال، در مرورگر کروم، این مراحل را طی کنید:


در developer tools آن، برگه‌ی Sources و سپس در اینجا، قسمت Snippets را انتخاب کنید. در همین ناحیه کلیک راست کرده و گزینه‌ی new را انتخاب نمائید. سپس قطعه کد «List all undefined CSS classes» را در باکس خالی جلوی آن paste کنید و ctrl+s را بفشارید.

اکنون بر روی این مدخل جدید کلیک راست کرده و گزینه‌ی Run را انتخاب کنید:


بلافاصله در برگه‌ی Console، چنین خروجی را مشاهده خواهید کرد:


این‌ها کلاس‌هایی هستند که در صفحه‌ی جاری استفاده شده‌اند، اما از بوت استرپ 4 (جمع تمام CSSهایی که به صفحه الحاق شده‌اند) حذف شده‌اند و دیگر حضور ندارند.
وحید نصیری وحید نصیری
استفاده از لوسین برای برجسته سازی عبارت جستجو شده در نتایج حاصل
‫۵ سال و ۱۰ ماه قبل، شنبه ۵ آبان ۱۳۹۷، ساعت ۲۳:۲۴
بله، تفاوت هست. راه به شما نشان داده شد؛ نه راه حل کامل. اگر دقت کنید، این Analyzer، غیرحساس به «ی» و «ک» فارسی و عربی است. همچنین اعراب حروف را هم حذف کرده‌است. یعنی اگر از این PersianAnalyzer استفاده کنید، هم ایندکس کردن (محتوای متون) و هم جستجوهای شما (ورودی‌های کاربر) حساس به نوع ی و ک و همچنین اعراب حروف نخواهند بود. مابقی را هم خودتان به کلاس PersianNormalizer آن اضافه کنید؛ یک Analyzer غیرحساس به انواع و اقسام «الف» فارسی را برای اولین بار با اضافه کردن چند سطر به همین فایل، ابداع کنید.