Foros del Web » Programando para Internet » Javascript »

visualizar lista sin boton

Estas en el tema de visualizar lista sin boton en el foro de Javascript en Foros del Web. hola amigos tengo este codigo para darle click al boton y hacer aparecer una lista mi consulta es: como hago para que mi lista este ...
  #1 (permalink)  
Antiguo 24/09/2013, 16:28
 
Fecha de Ingreso: abril-2011
Ubicación: Peru
Mensajes: 486
Antigüedad: 13 años
Puntos: 9
visualizar lista sin boton

hola amigos
tengo este codigo para darle click al boton y hacer aparecer una lista

mi consulta es:
como hago para que mi lista este presente sin que tenga que darle click al boton, muchas gracias a todos por sus sugerencias...


Código HTML:
Ver original
  1. <button class="btn"  type="submit" data-bind="click: getList">Get List</button>
  2.     <ul data-bind="foreach: pList">
  3.         <li>
  4.             <b data-bind="text: $data"></b>  
  5.         </li>
  6.     </ul>


Código Javascript:
Ver original
  1. define(['sublime/aadConfig','knockout'], function (aconfig,ko) {
  2.     var plugins = ko.observableArray([]);
  3.  
  4.     var getPlugins = function () {
  5.  
  6.         plugins(aconfig.getPluginList());
  7.     };
  8.  
  9.     return {
  10.         pList: plugins,
  11.         getList: getPlugins
  12.     };
  13. });

gracias
  #2 (permalink)  
Antiguo 25/09/2013, 12:04
 
Fecha de Ingreso: abril-2011
Ubicación: Peru
Mensajes: 486
Antigüedad: 13 años
Puntos: 9
Respuesta: visualizar lista sin boton

alguien que me pueda ayudar?


gracias
  #3 (permalink)  
Antiguo 25/09/2013, 12:39
Avatar de abimaelrc
Colaborador
 
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.734
Antigüedad: 14 años, 11 meses
Puntos: 1517
Respuesta: visualizar lista sin boton

¿Estás usando alguna librería para crear el listado? Si es así te recomiendo que indiques cual para que así un administrador pueda mover el tema y te puedan ayudar mejor. Y te recomiendo que expongas mejor lo que quieres lograr porque no se te entiende, al menos yo no lo entiendo, te iba a recomendar que frente a la computadora cerraras los ojos y así lo visualizas sin el boton Bueno ya lo dije, puedes quitar el te iba...
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos
  #4 (permalink)  
Antiguo 25/09/2013, 13:51
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 16 años, 1 mes
Puntos: 1329
Respuesta: visualizar lista sin boton

Eso es knockout.js

podrías intentar con algo como:

Código Javascript:
Ver original
  1. pList: getPlugins,

En tu linea 10.

Pero te recomiendo que conozcas un poco más de Javas para meterte con un frameworks como eso.


Saludos
__________________
Grupo Telegram Docker en Español
  #5 (permalink)  
Antiguo 25/09/2013, 14:07
 
Fecha de Ingreso: abril-2011
Ubicación: Peru
Mensajes: 486
Antigüedad: 13 años
Puntos: 9
Respuesta: visualizar lista sin boton

Hola abimaelrc - Carlangueitor
es knockout.js dentro de durandal

modifique la linea 10 y no me resulto :(

un amigo me ha pasado esto pero no lo saco

Crea un método público que se llame activate en el viewmodel, y dentro del método llama al getPlugins().

por eso estoy revisando la info en la misma web de durandal
http://durandaljs.com/documentation/...cle-Callbacks/

y ya empiezo a dudar de lo que se en js :(

gracias
  #6 (permalink)  
Antiguo 26/09/2013, 11:53
 
Fecha de Ingreso: abril-2011
Ubicación: Peru
Mensajes: 486
Antigüedad: 13 años
Puntos: 9
Respuesta: visualizar lista sin boton

amigos tengo una nueva opcion de resultado pero no me funciona :(
alguien sabe porque?
gracias

Código Javascript:
Ver original
  1. define(['sublime/aadConfig','knockout'], function (aconfig,ko) {
  2.     var plugins = ko.observableArray([]);
  3.  
  4.     var getPlugins = function () {
  5.  
  6.         plugins(aconfig.getPluginList());
  7.     };
  8.  
  9.    var activate = function () {
  10.  
  11.         plugins(aconfig.getPluginList());
  12.     };
  13.  
  14.     return {
  15.         pList: plugins,
  16.         getList: getPlugins,
  17.         activate: activate
  18.     };
  19. });
  #7 (permalink)  
Antiguo 26/09/2013, 12:21
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 16 años, 1 mes
Puntos: 1329
Respuesta: visualizar lista sin boton

Básicamente hiciste lo mismo que te dije, pero más feo.

Yo no trabajo con knockout.js pero si preparas un jsfiddle.net con el trozo que tienes se te podría ayudar más.

Saludos
__________________
Grupo Telegram Docker en Español
  #8 (permalink)  
Antiguo 26/09/2013, 13:55
 
Fecha de Ingreso: abril-2011
Ubicación: Peru
Mensajes: 486
Antigüedad: 13 años
Puntos: 9
Respuesta: visualizar lista sin boton

aqui esta el enlace Carlangueitor

http://jsfiddle.net/elmarmotita/GpDaF/


gracias
  #9 (permalink)  
Antiguo 26/09/2013, 14:25
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 16 años, 1 mes
Puntos: 1329
Respuesta: visualizar lista sin boton

Eso no funciona (no has agregado knockout, sospecho).
__________________
Grupo Telegram Docker en Español
  #10 (permalink)  
Antiguo 27/09/2013, 10:16
 
Fecha de Ingreso: abril-2011
Ubicación: Peru
Mensajes: 486
Antigüedad: 13 años
Puntos: 9
Respuesta: visualizar lista sin boton

son muchas piezas para insertarlo ahi
porque no solo es knockout:(

mas bien...
crees que podamos trabajar juntos en ejemplos simples solo con knockout
para subirlos y retroalimentarnos :)

producto de videos e info en la web misma de knockout he hecho algunos ejemplos


gracias

Etiquetas: boton, lista
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 01:46.