Передача HTML-кода в виде строки в javaScript в c # mvc - PullRequest
Новая
       8

Передача HTML-кода в виде строки в javaScript в c # mvc

0 голосов
/ 16 мая 2018

На странице HTML я хочу добавить динамический выпадающий список после нажатия кнопки. Поэтому onClick я пытаюсь добавить раскрывающийся список в блок HTML, но чтобы преобразовать раскрывающийся список в строку, я столкнулся с проблемой, поэтому любой может помочь с этим. Ниже я предоставил код для раскрывающегося списка, но я столкнулся с проблемой, чтобы сделать его в виде строки перед передачей его в HTML. 

 var dropDownTime='<div class="input-group">'+'@Html.DropDownList("Data", new List<SelectListItem>{
                                                                                new SelectListItem{ Text="Custom Range", Value ="Custom Range" },
                                                                                new SelectListItem{ Text="Last 30 minutes", Value ="Last 30 minutes" },
                                                                                new SelectListItem{ Text="Last 1 hour", Value ="Last 1 hour" }                                                                                    
            }, "Select Data", new { @ng_model = "fileterparameter", @id = "Data", @class = "form-control" })'+
            '<span class="input-group-btn">'+
                '<button class="btn btn-primary" type="button" id="filterlink"><i class="glyphicon glyphicon-filter"></i></button>'+
            '</span>'+
        '</div>';

1 Ответ

0 голосов
/ 16 мая 2018

Я думаю, что это не работает, потому что вы использовали HTML.Dropdownlist внутри кавычек. Это объект, который мы должны построить, чтобы получить значения в раскрывающемся списке. Пожалуйста, попробуйте следующий код. 

var dropDownTime='<div class="input-group">'+@Html.DropDownList("Data", new List<SelectListItem>{
                                                                            new SelectListItem{ Text="Custom Range", Value ="Custom Range" },
                                                                            new SelectListItem{ Text="Last 30 minutes", Value ="Last 30 minutes" },
                                                                            new SelectListItem{ Text="Last 1 hour", Value ="Last 1 hour" }                                                                                    
        }, "Select Data", new { @ng_model = "fileterparameter", @id = "Data", @class = "form-control" })+
        '<span class="input-group-btn">'+
            '<button class="btn btn-primary" type="button" id="filterlink"><i class="glyphicon glyphicon-filter"></i></button>'+
        '</span>'+
    '</div>';
...