Home / user-629

Henry Rodriguez's questions

Martin Hope
Henry Rodriguez
Asked: 2020-12-18 21:24:25 +0800 CST
  • 9

I have this function:

$.ajax({ 
    type:"post", 
    url:"/Home2/test01", 
    data: procesoData,
    succes: function(datos){ 
        $("#DatosRespuesta").html(datos); 
    }
);

where processData corresponds to a list of data:

var procesoData = { 'items':[ ] }

My question is how can I work with them (receive the parameter as a list) in an MVC 5 controller in C#? Any help would be nice, thanks.

Question originally asked on Google+

c#
Martin Hope
Henry Rodriguez
Asked: 2020-12-16 16:19:06 +0800 CST
  • 6

I have a form where I divide the fields into different tabs , and I am validating it with jquery.validate, but at the time of validation, it seems that it is only taking the inputs that are visible, that is, those that are shown in the active tab .

My form looks like this:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<script src="http://cdn.jsdelivr.net/jquery.validation/1.14.0/jquery.validate.min.js"></script>
<form class="form-horizontal" submit.delegate="save()">

  <!-- Nav tabs -->
  <ul class="nav nav-tabs" role="tablist">
    <li role="presentation" class="active">
      <a href="#personal" aria-controls="personal" role="tab" data-toggle="tab">Personal</a>
    </li>
    <li role="presentation">
      <a href="#ubicacion" aria-controls="ubicacion" role="tab" data-toggle="tab">Ubicación</a>
    </li>
    <li role="presentation">
      <a href="#contacto" aria-controls="contacto" role="tab" data-toggle="tab">Contacto</a>
    </li>
  </ul>

  <!-- Tab panes -->
  <div class="tab-content">
    <div role="tabpanel" class="tab-pane active" id="personal">
      <div class="form-group">
        <label for="PrimerNombre" class="control-label col-xs-3">Primer Nombre</label>
        <div class="col-xs-9">
          <input required type="text" class="form-control" value.bind="currentItem.PrimerNombre" name="PrimerNombre">
        </div>
      </div>
      <!--- ...  -->
    </div>
    <div role="tabpanel" class="tab-pane" id="ubicacion">
      <div class="form-group">
        <label for="Direccion" class="control-label col-xs-3">Dirección</label>
        <div class="col-xs-9">
          <input maxlength="200" type="text" class="form-control" value.bind="currentItem.Direccion" name="Direccion">
        </div>
      </div>
      <!--- ...  -->
    </div>
    <div role="tabpanel" class="tab-pane" id="contacto">
      <div class="form-group">
        <label for="Celular" class="control-label col-xs-3">Celular</label>
        <div class="col-xs-9">
          <input required maxlength="10" type="text" class="form-control" value.bind="currentItem.Celular" name="Celular">
        </div>
      </div>
      <!--- ...  -->
    </div>
  </div>
</form>

The validation is triggered when submitting the form data like so:

save() {

    if ($("form").validate().form()) {

        //Código Guardado

    }

}

Note

I'm using aurelia.ioit to bind the fields and the model it's in TypeScriptbut I don't think this affects the functionality of the validation plugin at all.

javascript
Martin Hope
Henry Rodriguez
Asked: 2020-12-03 17:53:02 +0800 CST
  • 11

Ask

How to implement a two-way link from an object to a VM in aurelia.io without losing the functionality of Select2 and maintaining the full link of the original, and also that the changes in the VM are reflected in the Select2 .

Context

I am working on a project where the aurelia.io library has been implemented, while the Select2 plugin is being implemented at various points in the project ; the problem is that when initializing the plugin it replaces the dom of theby a series of divs and other objects, thus losing the binding with theoriginal, which remains hidden from view, while working with the newartificial created by the Select2 plugin .

UPDATE 1

This is an example of what you want to achieve.

HTML code:

<label>Seleccione la línea a la que pertenece la sublínea</label>    
<select value.bind="sublinea_seleccionada.LineaId">
    <option repeat.for="linea of Lineas" value.bind="linea.Id" selected.bind="$parent.sublinea_actual.LineaId == linea.Id">${Linea.Nombre}</option>
</select>
<button click.delegate="asignarLineaPorDefecto()">Seleccionar línea por defecto</button>

TypeScript code:

export class Sublineas{

    Lineas: linea[] = [];
    sublinea_seleccionada: subLinea = new subLinea();   

    mostrarIdLineaSeleccionada() { 

         alert(`Se ha seleccionado la Línea con Id ${this.sublinea_seleccionada.LineaId}`); 

    }

    asignarLineaPorDefecto(){

        this.sublinea_seleccionada.LineaId = 1;

    }

    attached() {

       var self = this;

        $("select").on("change", event => {

           self.mostrarIdLineaSeleccionada();

        });

        $("select").select2();

    }


}

UPDATE 2

I have found this answer on SOen , but in the example provided Select2 only works in one-way, that is, it only updates the value in the view model but it does not update with the changes in it.

typescript