Как добавить css в код .ashx.cs в asp.net

Я хочу добавить css class на страницу .ashx, но страница .aspx пользовательский интерфейс отображается как string. Как добавить css в код .ashx за страницей.

Я хочу, чтобы текст (Готовить) был красным.

Проблема:

Как добавить css в код .ashx.cs в asp.net

     try
            {
    for (int i = 0; i < dsSeaech.Tables[0].Rows.Count; i++)
                {
                    var myString = new StringBuilder();
                    myString.Append("<span style=\"color:red\">(Cook)</span>");                 
                    lstRecipeName.Add(dsSeaech.Tables[0].Rows[i]["RecipeName"].ToString());
                    if (Convert.ToInt32(dsSeaech.Tables[0].Rows[i]["UserType"]) == AppConstant.chefuser)
                    {
                        lstChefName.Add(dsSeaech.Tables[0].Rows[i]["FullName"].ToString() + "(" + "Chef" + ")");
                    }
                    else if (Convert.ToInt32(dsSeaech.Tables[0].Rows[i]["UserType"]) == AppConstant.cook)
                    {
                        lstChefName.Add(dsSeaech.Tables[0].Rows[i]["FullName"].ToString() + myString);
                    }
                }
                
                JavaScriptSerializer js = new JavaScriptSerializer();
                context.Response.Write(js.Serialize(lstRecipeName));
                }
                 catch (Exception ex)
            {
                throw ex;
            }

какой клиентский код вы сделали для этого? кажется, он рассматривает это как строку, потому что она закодирована как строка в ответе JSON

Nitin S 13.07.2018 08:54

Я использую обработчик ASHX для поиска, и он не разрешает пользовательский интерфейс.

Pankaj Kumar 13.07.2018 09:17

Это код на стороне клиента <input type = "text" id = "txtsearch" placeholder = "Поиск по названию рецепта или имени повара / повара" class = "form-control custom-form-control">

Pankaj Kumar 13.07.2018 09:23

ваш ответ ничего не объясняет, как вы отправляете входное значение на сервер и привязываете его к раскрывающемуся списку?

Nitin S 13.07.2018 09:25

заполните текст в textBox, затем $ ('# txtsearch'). autocomplete ({source: 'Search.ashx'}); затем страницу Search.ashx и привяжите context.Response.Write (js.Serialize (lstRecipeName));

Pankaj Kumar 13.07.2018 09:31

это текстовое поле. <input type = "text" id = "txtsearch" placeholder = "Поиск по названию рецепта или имени повара / повара" class = "form-control custom-form-control">

Pankaj Kumar 13.07.2018 09:32
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
0
6
124
1

Ответы 1

Вы можете использовать событие автозаполнения _renderItem.

$.ui.autocomplete.prototype._renderItem = function(ul, item) {
  return $("<li></li>")
    .data("item.autocomplete", item)
    .append('<a>'+item.label+'</a>')
    .appendTo( ul );
};

вот рабочий пример для вас: https://jsfiddle.net/192m0uyc/9/

Другие вопросы по теме