DataGrid completo

[Débora B 0]

Fabyo, tentei assim somente neste local, mas não funcionou.

 

{

header: "thumb1",

dataIndex: <img src='thumb1' />, // sem barra também n funcionou

width: 50,

sortable: true,

tooltip: 'thumb1',

editor: new Ext.grid.GridEditor(new Ext.form.TextField(

{

allowBlank: false

}

))

},

 

tentei assim tb e nada:

 

dataIndex: <img src="../../fotos/'thumb1'"/>,

dataIndex: <img src="../fotos/'thumb1'"/>,

[Fabyo 66]

você tentou assim:

 

dataIndex: '<img src="path/nome_da_foto.jpg" />',

[ghenschel 0]

Fabyo...

Meus parabéns cara.

 

muito bom esse datagrid.

vou usar ele para montar o backend do site do meu pai :D

 

abraço

[Débora B 0]

Fabyo, primeiramente gostaria de agradecer sua atenção.

Como disse anteriormente sou iniciante e estou tentado aprender esta linguagem,

se eu falar alguma bobagem p/f corrija-me.

estou tentando vizualizar as imagens inseridas no bd , que recebe um nome único aleatório (dentro da coluna thumb1 no bd)

quando você sugere -- dataIndex: '<img src="path/nome_da_foto.jpg" />',

eu preciso saber o nome da foto, não tem como saber o nome, pois são gerados aleatoriamente.

por ex.

o datagrid mostra o que tem dentro das colunas (nome, email e etc) não se sabe o que tem dentro delas.

Como mostrar estas imagens?

[Fabyo 66]

Então, voce precisa pegar os nomes dessas imagem de algum jeito e na hora de montar o datagrid ele ja tem que saber os nomes da imagens, pois como falei é só html, do mesmo jeito que voce faria para exibir uma imagem no html você precisa fazer no datagrid

 

uma pergunta essas imagens você nao tem controle?, se são aleatorias tudo bem, mas você nao tem nenhum controle com o banco?, se voce precisa apagar alguma imagem referente a um campo da tabela?

 

geralmente você amarra a imagem com o id da tabela, para quando precisar pegar o nome ou excluir essa imagem fica mais facil

[Débora B 0]

Tenho o controle da tabela, mas os usuários mandam as fotos e os dados via form, no caso preciso visualizar os dados e fotos p/ publicar ou não.

Por isto também preciso deletar as imagens se não convier, entende né ?

.

veja minha tabela:

-- Estrutura da tabela `usuarios`

--

 

CREATE TABLE IF NOT EXISTS `usuarios` (

`id_usuario` smallint(5) unsigned NOT NULL AUTO_INCREMENT,

`objetivo` varchar(15) NOT NULL,

`sprycheckbox2` varchar(20) NOT NULL,

`nome1` varchar(40) NOT NULL,

`telefone` varchar(15) NOT NULL,

`email` varchar(64) NOT NULL,

`foto1` varchar(60) NOT NULL,

`foto2` varchar(60) NOT NULL,

`foto3` varchar(60) NOT NULL,

`thumb1` varchar(60) NOT NULL,

`thumb2` varchar(60) NOT NULL,

`thumb3` varchar(60) NOT NULL,

`data_cadastro` date NOT NULL DEFAULT '0000-00-00',

`news` enum('0','1') NOT NULL DEFAULT '0',

PRIMARY KEY (`id_usuario`)

) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=21 ;

[Fabyo 66]

Nao sei se voce pode mudar o que ja esta feito, mas eu recomendo voce padronizar os nomes das fotos, no lugar de aleatorio, você define um padrao sequencial, por exemplo id_tabela, dai você teria o controle pelo id e poderia pegar o nome da imagem facil

 

eu nao faria uma tabela dessas só se o sistema tivesso o padrao de sempre exibir 3 fotos, por que se for preciso ter mais ou menos, é melhor uma tabela de junção, e as thumbs como são amarradas você sabendo o nome da imagem, automaticamente ja saberia o nome da thumb, dai nao haveria necessidade de ter campos para thumbs

[Débora B 0]

O form gera um nome aleatório e único p/ não ter duplicidade pois geraria conflito duas imagens com o mesmo nome,

infelizmente o sistema já está pronto, faltando apenas o datagrid p/ edição, permissão ou exclusão.

Por isso seu DATAGRID se encaixa como uma luva.

Será que não teria uma alternativa p/ meu problema ?

De coração, muito obrigada.

[Fabyo 66]

Só comentando sobre o nomes sequenciais padrao tbm seria unicos e nao repetidos porque um id é unico e teria tanto imagem como thumbs unicas

 

mas beleza entendo que o sistema estando pronto tem que fazer conforme o que da

 

mas agora voce precisa pegar os nomes das imagens e como voce faria isso se fosse exibir em um html simples?

[Débora B 0]

consigo visualizar assim:

.

$selec = "SELECT * FROM usuarios";

$exec = mysql_query($selec, $conexao) or die(mysql_error());

while($campos=mysql_fetch_array($exec)) {

extract($campos);

 

if($thumb1!="") { echo "<img src='../fotos/$thumb1'>"; }

if($thumb2!="") { echo "<img src='../fotos/$thumb2'>"; }

...

[Fabyo 66]

Entao só você colocar os campos no seu store

 

sabe onde voce monta o datagrid e coloca os cabeçalhos?, entao no store voce pode passar esses campos das fotos e pegar no grid

[Débora B 0]

Fabyo, não sei onde é, também não sei como fazer,

pode ajudar-me ?

[Fabyo 66]

posta seu js que tem o datagrid

[Débora B 0]

Para não ficar um post muito grande, postei aqui:

http://pastebin.com/m7d955cb4

[Fabyo 66]

Aparentemente esta certo você esta criando o Header para a imagem e esta mapeando o campo corretamente

 

acho que só esta faltando voce formatar o campo pra ficar com a tag img

 

no campo da imagem ele mostra o nome da imagem?

 

se quiser ou puder me mande o projeto completo pra eu testar aqui e ver onde voce ta errando

 

fabyo.php@gmail.com

[Fabyo 66]

Conforme voce me mandou por email, vou responder aqui

 

edite seu main.js

 

ache a linha:

 

function formatBoolean(value){
 return value == 1 ? 'Sim' : 'Não';  
};

 

inclua em outra linha essa função abaixo:

 

function Imagem(img){
	return '<img src="../pasta/'+ img +'" />';
};

 

e nas linhas do thumbs onde vai a header inclua essa linha:

renderer: Imagem,

 

exemplo:

 

header: "thumb1",

dataIndex: 'thumb1',

renderer: Imagem,

 

deu pra entender?

 

o renderer ira pegar o nome da imagem e jogar na tag <img, com isso sua imagem ira aparecer

 

obs: só arrume o path certo na função Imagem

[Débora B 0]

Fabyo, fiz como você escreveu, infelizmente ainda não funcionou.

[Fabyo 66]

da algum erro no firebug?

 

aparece a imagem ou o texto?

 

verifique se o path ta certo

[Débora B 0]

Nada no firebug,

não aparece nada , nem nome e nem imagem.

tentei com 3 formas diferentes:

return '<img src="../fotos/'+ img +'" />';

return '<img src="../../fotos/'+ img +'" />';

return '<img src="../../../fotos/'+ img +'" />';

[Fabyo 66]

Entao mas nao é tentativas veja como é o path real das suas fotos

 

as fotos estão sendo salvas com o nome e extensão?