mvc4 применить функцию JavaScript для ввода

Question

mvc4 применить функцию JavaScript для ввода

0

Я пытаюсь применить функцию к выпадающему списку в моей форме MVC4. Однако "переменные" вокруг переменных сохраняют рендеринг в HTML как "& # 39". Очевидно, что для javascript это не то, что я что. В настоящее время используется следующий код:

@Html.DropDownListFor(t => t.tabPosition, new SelectList(ViewBag.DdlPositions), new { onclick = Html.Raw("ddlChain(this.id, '" + Html.DisplayNameFor(t => t.relTab) + "', '')") })

и созданный html выглядит как

<select id="tabPosition" name="tabPosition" onclick="ddlChain(this.id, &#39;relTab, &#39;&#39;)">
<option>Start</option>
<option>End</option>
<option>Before</option>
<option>After</option>
</select>

Альтернативно, есть ли лучший способ назначения функции js для ввода в MVC?

благодаря

HuwD 11 нояб. 2013, в 15:59

Источник

0

Браузер должен обработать объекты перед анализом JS; Ваш код должен работать нормально.
SLaks 11 нояб. 2013, в 14:51
4

Однако лучше добавить обработчик в код JS и избегать атрибутов обработчика событий. en.wikipedia.org/wiki/Unobtrusive_JavaScript
SLaks 11 нояб. 2013, в 14:51
0

И более того, это onclick = "ddlChain (this.id, & # 39; relTab, & # 39; & # 39;") "здесь" relTab и & # 39; & # 39; должно быть в одинарных кавычках.
Miller 11 нояб. 2013, в 15:38

Показать ещё 1 комментарий

Теги:

javascript

jquery

razor

asp.net-mvc

asp.net-mvc-4

2 ответа

Ещё вопросы

Браузер должен обработать объекты перед анализом JS; Ваш код должен работать нормально.
Однако лучше добавить обработчик в код JS и избегать атрибутов обработчика событий. en.wikipedia.org/wiki/Unobtrusive_JavaScript
И более того, это onclick = "ddlChain (this.id, & # 39; relTab, & # 39; & # 39;") "здесь" relTab и & # 39; & # 39; должно быть в одинарных кавычках.

Matt Bodily · Answer 1 · 2013-11-11T13-36-00.000Z

также лучше передать список через модель, а не через ViewBag. Следуя ответам @SLaks, поместите это в свой скрипт

$(document).ready(function(){
    $('#tabPosition').on('change', function(){
        //Your code here for the change event something like
        $('.Selected').val($('#tabPosition :selected').val());
        //which will set an field on your page with class="Selected" to the selected item from your dropdown
    });
});

Felipe Miosso · Answer 2 · 2013-11-11T12-45-00.000Z

Измените первую часть кода на это:

@Html.DropDownListFor(t => t.tabPosition, new SelectList(ViewBag.DdlPositions), new Dictionary<string,string>{{ "data-tab", Model.relTab }})

Элемент select element создается с атрибутом data-tab.

Теперь нам просто нужно создать javascript для чтения значения data-tab и вызвать функцию ddlChain.

$('#tabPosition').on('change', function() {
    var $this = $(this);
    ddlChain($this.attr('id'), $this.attr('data-tab'), ''); 
});