مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

کاربر سایت

dera

عضویت از 1394/02/07

بولد کردن کارکتر در AutoComplete

  • دوشنبه 15 آذر 1395
  • 13:37
تشکر میکنم

سلام

من از لینک زیر برای ایجاد آتو کامپلیت استفاده کردم . اما وقتی اجرا میشه میخام اون کارکتری ک نوشته شده بولد بشه چطور میتونم اینکارو بکنم ممنون میشم راهنماییم کنید.

لینک :http://www.c-sharpcorner.com/uploadfile/0c1bb2/creating-autocomplete-textbox-in-asp-net-mvc-5/

پاسخ های این پرسش

تعداد پاسخ ها : 10 پاسخ
کاربر سایت

ایمان مدائنی

عضویت از 1392/01/20

  • دوشنبه 15 آذر 1395
  • 17:49

در کجا Bold بشه ؟

در صفحه ؟ یعنی نمایش نتیجه جستجو ؟

کاربر سایت

dera

عضویت از 1394/02/07

  • دوشنبه 15 آذر 1395
  • 18:04

بله تو نتیجه جستجو نشون بده

مثل این لینک :http://jsfiddle.net/wyVJW/894/

کاربر سایت

ایمان مدائنی

عضویت از 1392/01/20

  • دوشنبه 15 آذر 1395
  • 18:36

براتون یک پلاگین جی کوئری برای اینکار ضمیمه کردم

فایل های ضمیمه

کاربر سایت

dera

عضویت از 1394/02/07

  • دوشنبه 15 آذر 1395
  • 19:05

متاسفانه جواب نمیده. فایل jquery.highlight-search-terms.min رو به پروژه ادد کردم ولی هیچ تغییری ایجاد نشد

روش خاصی برای استفاده از این پلاگین وجود داره؟؟؟

کاربر سایت

dera

عضویت از 1394/02/07

  • دوشنبه 15 آذر 1395
  • 20:58

مهندس خودتون سمپل بهتری سراغ ندارید ک بتونم اینکارو انجام بدم و از دیتاهای خودم پرش کنم؟؟؟

کاربر سایت

ایمان مدائنی

عضویت از 1392/01/20

  • سه شنبه 16 آذر 1395
  • 08:28

باید در Script صفحه اون کلمه که میخواهید Bold بشه را اعمال کنید

من از این نمونه استفاده میکنم و مشکلی نداره

کاربر سایت

dera

عضویت از 1394/02/07

  • سه شنبه 16 آذر 1395
  • 08:47
ما که نمیخایم برای ی کلمه خاصی تعریف کنیم. کاربر ممکنه هر بار یه کلمه ای رو سرچ کنه و اون بولد شدن باید تو نتیجه جستجوو که مثل کامبوباکس هست نشان داده شود. به لینک دومی که فرستادم دقت کنید .
کاربر سایت

dera

عضویت از 1394/02/07

  • سه شنبه 16 آذر 1395
  • 10:21

مهندس از این لینک استفاده کردم و همه چیز اوکی شد :https://jsfiddle.net/adamboduch/jhZ6E/

باید اطلاعاتمونو راجب _renderItem بیشتر کنیم

اینم کدی ک استفاده کردم :

(function($) {
// Custom autocomplete instance.
$.widget("app.autocomplete", $.ui.autocomplete, {
// Which class get's applied to matched text in the menu items.
options: {
highlightClass: "ui-state-highlight"
},
_renderItem: function(ul, item) {
// Replace the matched text with a custom span. This
// span uses the class found in the "highlightClass" option.
var re = new RegExp("(" + this.term + ")", "gi"),
cls = this.options.highlightClass,
template = "<span class='" + cls + "'>$1</span>",
label = item.label.replace(re, template),
$li = $("<li/>").appendTo(ul);
// Create and return the custom menu item content.
$("<a/>").attr("href", "#")
.html(label)
.appendTo($li);
return $li;
}
});
// Create autocomplete instances.
$(function() {
$("#Name").autocomplete({
highlightClass: "bold-text",
source:
function(request, response) {
$.ajax({
url: "/Home/Index",
type: "POST",
dataType: "json",
data: { Prefix: request.term },
success: function(data) {
response($.map(data, function(item) {
return { label: item.Name, value: item.Name };
}));
}
});
},
messages: {
noResults: "",
results: ""
}
});
});
})(jQuery);

 

کاربر سایت

ایمان مدائنی

عضویت از 1392/01/20

  • سه شنبه 16 آذر 1395
  • 12:06

شما میتونید مقدار یا همان کلمه را داینامیک تعریف کنید

مثلا از ViewBag استفاده کنید و در Script قرار دهید

کاربر سایت

dera

عضویت از 1394/02/07

  • سه شنبه 16 آذر 1395
  • 13:12
چه فرقی میکنه الانم داینامیک عمل میکنه
کاربرانی که از این پست تشکر کرده اند

هیچ کاربری تا کنون از این پست تشکر نکرده است

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید

با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)