Olá, tenho uma página onde os dados de um DropDownList
são resultado da seleção de um DropDownList
anterior a este, criei uma função com javascript
e ajax
para realizar o filtro, tudo funciona quando o javascript
está dentro do cshtml
, porém quando separo a função em um arquivo .js
, não consigo mais fazer a chamada a action
dentro da controller
.
Abaixo está o pedaço do código onde quero chamar a função que está no arquivo javascript
:
<div class="col-sm-3 col-xs-12">
<div class="form-group">
@Html.DefaultLabelFor(model => model.CompanhiaId)
@Html.EditorFor(model => model.CompanhiaId, new { Items = Model.CompanhiaList , @onchange = "diretoria(1,'listarByCompany','skill')" } )
@Html.ValidationMessageFor(model => model.CompanhiaId)
</div>
</div>
E aqui a função que fica no arquivo javascript
:
$.ajax({
type: "POST",
url: "@Url.Action('listarByCompany','skill')",
data: {
id: id
},
success: function ajaxSucceess(response) {
var dir = $("#DiretoriaExecutivaId").empty(); //Removendo todos os itens
dir.append($("<option>Selecione...</option>"));
$.each(response, function (i, response) {
dir.append($('<option>', {
value: response.Value,
text: response.Text
}));
});
}
});
Alguém sabe me dizer como posso fazer isso?
function diretoria(){}
– Leandro Angelo 15/10/18 às 18:22<script src="@Url.Content("~/Scripts/SEU_SCRIPT.js")" type="text/javascript"></script>
no seu cshtml criando um .js proprio pra ela, pois se colocar no layout padrao não terá todas as dependencias ainda quando terminar de carregar. – Victor Laio 16/10/18 às 10:19