Foros del Web » Programando para Internet » ASPX (.net) »

problema al crear checkbox en gridview

Estas en el tema de problema al crear checkbox en gridview en el foro de ASPX (.net) en Foros del Web. Buenas, estoy intentando crear una tabla la cual es creada de manera dinamica con ajax y linq la cual obtiene diferentes atributos de diferentes tablas. ...
  #1 (permalink)  
Antiguo 28/01/2014, 18:18
 
Fecha de Ingreso: junio-2013
Mensajes: 16
Antigüedad: 10 años, 10 meses
Puntos: 0
problema al crear checkbox en gridview

Buenas, estoy intentando crear una tabla la cual es creada de manera dinamica con ajax y linq la cual obtiene diferentes atributos de diferentes tablas. Ahora mi problema es que al final del ultimo atributo yo tengo que agregar checkbox, uno que al momento de seleccionarlo este seleccione lso demas checkbox del resultado de las filas encontradas y los demas que seleccionen de 1 para despues validar los que esten seleccionarlos pasarlos a otro formulario o a otro griedview.
coloco el codigo como ejemplo por si me exprese mal:

Código Javascript:
Ver original
  1. function loadPlanPruebaRequerimiento() {
  2.  
  3.  
  4.         var objJSON = {
  5.             codReq: $('#codReq').val(),
  6.             codPlan: $('#codPlan').val()
  7.         };
  8.         jQuery.ajax({
  9.             type: "POST",
  10.             url: "/Requerimientos/getPlanPruebaRequerimientos",
  11.             contentType: "application/json; charset=utf-8",
  12.             data: $.toJSON(objJSON),
  13.             dataType: "json",
  14.             success: function (msg) {
  15.                 if (msg.length == undefined) {
  16.                     msg = msg.d;
  17.                 }
  18.                 if (msg.length > 0) {
  19.                     var registros = "";
  20.                     var header = "<br/><div id ='asd' runat='server' class=\"headTitle_b\"></div>";
  21.                     var tbl = " <table cellpadding=\"0\" cellspacing=\"0\" width=\"1020px\" border=\"0\" class=\"display\" id=\"tblReq\">"
  22.                     tbl += "<thead id=\"hdr\">";
  23.                     tbl += "<tr>";
  24.                     tbl += "<th nowrap='nowrap'>Cod.plan</th>";
  25.                     tbl += "<th nowrap='nowrap'>Titulo plan</th>";
  26.                     tbl += "<th nowrap='nowrap'>Version</th>";
  27.                     tbl += "<th nowrap='nowrap'>Canal</th>";
  28.                     tbl += "<th nowrap='nowrap'>Producto</th>";
  29.                     tbl += "<th nowrap='nowrap'>Servicio</th>";
  30.                     tbl += "<th nowrap='nowrap'>Tipo plan</th>";
  31.                     tbl += "<th nowrap='nowrap'>Aplicacion</th>";
  32.                     tbl += "<th nowrap='nowrap'>Proyecto</th>";
  33.                     tbl += "<th nowrap='nowrap'><input type='checkbox' id='chckHead' />Seleccionar</th>";
  34.                     tbl += "</tr>";
  35.                     tbl += "</thead>";
  36.                     tbl += "<tbody  id=\"registros\"></tbody>";
  37.                     tbl += "</table>";
  38.                     $('#divResultados').html(header + tbl);
  39.                     $('#registros').html('');
  40.                     var oTable;
  41.                     for (var ugc in msg) {
  42.                         registros += "<tr>";
  43.                         registros += "<td nowrap='nowrap'>" + msg[ugc].Codigo + "</td>";
  44.                         registros += "<td nowrap='nowrap'>" + msg[ugc].Titulo + "</td>";
  45.                         registros += "<td nowrap='nowrap'>" + msg[ugc].Version + "</td>";
  46.                         registros += "<td nowrap='nowrap'>" + msg[ugc].CCanales.descripcion + "</td>";
  47.                         registros += "<td nowrap='nowrap'>" + msg[ugc].Producto + "</td>";
  48.                         registros += "<td nowrap='nowrap'>" + msg[ugc].Servicio + "</td>";
  49.                         registros += "<td nowrap='nowrap'>" + msg[ugc].TipoPlan + "</td>";
  50.                         registros += "<td nowrap='nowrap'>" + msg[ugc].CRequerimientos.Aplicacion + "</td>";
  51.                         registros += "<td nowrap='nowrap'>" + msg[ugc].CRequerimientos.Proyecto + "</td>";
  52.                         registros += "<td align='left' nowrap='nowrap'><input type='checkbox' class='chcktbl' />Seleccionar</td>";
  53.                         //registros += "<td nowrap='nowrap' align='center'><a onclick=\"showreq('" + msg[ugc].idRequerimiento + "')\"><img  alt=\"\" src=\"../../Content/icons/user_edit.png\" height=\"16px\" width=\"16px\" title='Editar Requerimiento' /></a>&nbsp;&nbsp;&nbsp;";
  54.                         //                        registros += "<a class='tooltip' title='Historial de requerimiento' onclick=\"showHistorial('" + msg[ugc].idRequerimiento + "','" + msg[ugc].codigo + "','" + msg[ugc].titulo + "')\"><img  alt=\"\" src=\"../../Content/icons/Notas.png\" height=\"16px\" width=\"16px\" /></a></td>";
  55.                         registros += "</tr>";
  56.                         //                        alert(msg[ugc].Observaciones);
  57.                     }
  58.                     if (typeof oTable != 'undefined') {
  59.                         oTable.fnDestroy();
  60.                         oTable = null;
  61.                     }
  62.                     $("#registros").html(registros);
  63.  
  64.                     $('#divResultados').show('fast');
  65.                     $('#divBotonera').show('fast');
  66.                     oTable = $('#tblReq').dataTable({
  67.                         "bDestroy": true,
  68.                         "bJQueryUI": true,
  69.                         "sPaginationType": "full_numbers"
  70.                     });
  71.                     $('#tblReq').css("width", "1020px");
  72.                 } else {
  73.                     Sexy.alert('<h2>Busqueda de asignacion de plan de prueba a requerimientos</h2><br/>No se encuentraron registros');
  74.                     $('#divResultados').hide();
  75.                     $('#divBotonera').hide();
  76.                 }
  77.             },
  78.             error: AjaxFailed
  79.         });
  80.     }
Adicionalmente adjunto una imagen de lo que debo hacer por si no me exprese bien y asi me puedan ayudar mejor:

http://www.subirimagenes.com/otros-asignacion-8792181.html

dejo link de la imagen ya que no se por que motivo no muestra la imagen en la etiqueta [IMG]

si se fijan a mano derecha donde dice seleccionar eso es lo que debo efectuar.

Gracias por la ayuda prestada :D
  #2 (permalink)  
Antiguo 30/01/2014, 16:54
Avatar de othix  
Fecha de Ingreso: mayo-2011
Ubicación: Guatemala
Mensajes: 92
Antigüedad: 13 años
Puntos: 9
Respuesta: problema al crear checkbox en gridview

yo haria lo siguiente:
en la linea 33 agregar onclick
Código HTML:
Ver original
  1. tbl += "<th nowrap='nowrap'><input type='checkbox' id='chckHead' onclick='ChechkAll();'/>Seleccionar</th>";

Luego creas una funcion con javascript que se llame ChechkAll usando jquery seleccionas todos los elementos que tienen la clase chcktbl y los marcas.

Código Javascript:
Ver original
  1. function ChechkAll()
  2. {
  3. $( ".chcktbl" ).each(function() {
  4.    this.attr('checked', true);
  5. //$(this).attr('checked', true);
  6. });
  7. }


Saludos
__________________
"Todos somos muy ignorantes. Lo que ocurre es que no todos ignoramos las mismas cosas."

Última edición por othix; 30/01/2014 a las 16:55 Razón: no se ve bien el código
  #3 (permalink)  
Antiguo 04/02/2014, 19:40
 
Fecha de Ingreso: junio-2013
Mensajes: 16
Antigüedad: 10 años, 10 meses
Puntos: 0
Respuesta: problema al crear checkbox en gridview

Muchisimas gracias por tu ayuda de hecho me resulto de pelos. ahora el problema que tengo es que no puedo obtener el id de el checkbox seleccionado para poder guardar cambios sobre la row seleccionada mediante el checkbox. actualmente no tengo el codigo fuente ya que se me quedo en mi trabajo pero si pudieran darme una idea de como se haria seria ideal ya que he estado una mañana entera viendo el tema y aun no logro sacarlo =/

Saludos

Etiquetas: checkbox, ejemplo, gridview, html
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:47.