@Html.Dropdownlistfor Default item at first list values

Question

Good afternoon, gentlemen.

I use DropDownListFor To load lists, example load all my clients to be selected. However, I need that if a record does not appear in the listing have the option to add a new item.

I can write the code, however the problem is that the item to add a new record is at the end of my list, I would like it to be the second item. The first item is the select, second new and the others who are registered.

@Html.DropDownListFor(model => model.ClienteId, new SelectList(@ViewBag.Clientes, "Id", "Nome") ,"Selecione")

JS:

 $('#ClienteId').append($('<option>', { text: "Novo", value: 0, selected: false }));

Answer 1

It would be something like that:

$('#ClienteId').append($('<option>', { text: "Novo", value: 0, selected: false }));
var options = $('#ClienteId option');
$(options[options.size() - 1]).insertAfter($(options)[1]));

Answer 2

First of all, I don’t think this is the ideal way to specify that a new record will be inserted, the Dropdownlist should have only those items that can be used to fill in the model and that optional field that is displayed when no item is selected.

You could for example have a checkbox that when marked would enable the Dropdownlist and when unchecked would display some other option add a new client.

But Emfim, you can insert this "New" field into Dropdownlist by the server side as follows:

(For those who will judge me, I know it is an ugly solution, but there is nothing else that can be done to answer the OP question by the server side).

public ActionResult Index()
{
    // Vamos supor que os dados dos clientes vieram do banco de dados
    var clientes = new List<Cliente>
    {
        new Cliente { Id = 1, Nome = "Foo" },
        new Cliente { Id = 2, Nome = "Bar" }
    };

    // Com a coleção de Clientes em mãos, insira um novo Cliente no primeiro índice e atribua "Novo" à propriedade que será exibida na DropDownList
    clientes.Insert(0, new Cliente { Nome = "Novo" });

    // E agora transforme a coleção de Clientes em uma SelectList
    ViewBag.Clientes = new SelectList(clientes, "Id", "Nome");

    return View();
}