7 respostas neste tópico

[deivisonarthur]

Olá templários e veteranos no Extjs!

Sou novo em Extjs e estou com problemas, hoje passei o dia todo tentando solucionar isso rs!

Eu estou acostumado em com jquery, e eu tinha um script que estou alterando para Ext que pegava o html de um click sobre uma linha. exe:

$("table#the-table tbody tr").click( function() {
//Captura o HTML do tr para futura captura dos dados
var longstring = $(this).html(); <-----

só que em Extjs não estou conseguindo pegar isso nem a porrada! ou seja não estou achando um comando que pegue o conteudo do click na linha.

exe de aonde estou parado:

grid.on('rowclick', Click);
function Click(){
//Captura o HTML do tr para futura captura dos dados
//var longstring = $(this).html();
//var longstring = grid.getSelectionModel().getSelected().innerHTML;
var longstring = grid.getSelectionModel().getSelected().innerHTML;
//var num = grid.getSelections().length;
alert(longstring);
};

Muito obrigado!

Atenciosamente!

Deivison Arthur
Programador JR / Fiocruz - RJ

[ReapeR]

Você antes pegava o HTML da linha para depois pegar os valores?

Com o Ext, vc pode pegar os dados das linhas diretamente!
De uma procurada no forum 2.x que eu respondi como fazer isso.

abs.

[deivisonarthur]

pô amigo infelizmente procurei e não achei seu post poderia me passar.

o maximo que consegui no forum é pegar uns IDs tipo 1001, 1002 ... aonde eu não configurei os IDs para esse tipo. acredito que o js esteja criando automaticamente esses IDs.


poderia me dar uma ajuda? pois esta dificil! rs


Obrigado!

Atenciosamente

Deivison Arthur

[EthraZa]

Acho q entendi sua dúvida... acho!
No jQuery vc pegava o valor do elemento no DOM certo?
No Ext vc não precisa se "rebaixar¨  tanto ... vc pode pegar os valores de dentro do DataStore que foi usado para montar o Grid.

A melhor coisa que vc pode fazer para entender a estrutura e o poder do DataStore é ve-lo no FireFox com o FireBug.

Onde vc cria seu grid (new Ext.grid...) coloque ele em uma variável sem o "var" na frente. Isso fara com que seu Grid fique referenciado em uma variável global. Então abra o Firebug, va na aba DOM e vc verá sua variável lá, abra o + dela e veja a estrutura do Grid e do DataStore dentro dele. La mesmo vc vai acabar encontrando esses IDs 1001 e 1002 e descobrindo como usa-los, ou não, para chegar à informação q vc quer.

[deivisonarthur]

agradeço a ajuda de vocês pessoal, mas ainda não consegui

tentei fazer alterações na seguinte instrução:

grid.on("rowclick", function(grid, rowIndex, event){ alert(rowIndex);

mas não consegui um resultado muito diferente.

vocês poderiam me dar esta luz?

[deivisonarthur]

RESOLVIDO: fala ai pessoal ! descobri!!!!
Para caputurar o valor dos titulos(Header) e o valor de um linha(row) com o clique do mouse no Grid basta fazer:


        grid.on("rowclick", onClick);
       
        function onClick(grid, rowIndex, event){
        var str ='';
        for (var i=0; i < grid.getView().getRow(rowIndex).childNodes.length;i++)
        {
        view = grid.getView();
        var texto = view.getHeaderCellText(i).innerHTML;
        texto = texto.substring(0,texto.indexOf('<img'));
        valor = view.getCellText(rowIndex,i).innerHTML;
        str +=  texto + ': ' + valor + '\n';
        }
        alert(str);
        }

Valeu pela ajuda de todos!!!!

[yes2]

RESOLVIDO: fala ai pessoal ! descobri!!!!
Para caputurar o valor dos titulos(Header) e o valor de um linha(row) com o clique do mouse no Grid basta fazer:


        grid.on("rowclick", onClick);
       
        function onClick(grid, rowIndex, event){
        var str ='';
        for (var i=0; i < grid.getView().getRow(rowIndex).childNodes.length;i++)
        {
        view = grid.getView();
        var texto = view.getHeaderCellText(i).innerHTML;
        texto = texto.substring(0,texto.indexOf('<img'));
        valor = view.getCellText(rowIndex,i).innerHTML;
        str +=  texto + ': ' + valor + '\n';
        }
        alert(str);
        }

Valeu pela ajuda de todos!!!!

boa funcionou aqui

[Bruno Tavares]

Nossa cara, faz isso não! Mexer em DOM com Ext jamais... Se eles mudam uma coisinha na estrutura o script de vocês já era.
Pegar o header e os dados da linha? Mole:

A classe columnModel tem um método getColumnHeader.

getColumnHeader( Number col ) : String
Returns the header for the specified column.

Para pegar os dados você pega o Ext.Record (registro de dados) do Ext.data.Store (store de dados) do grid e extrai todos os dados que quiser.
Vi que você percorre cada coluna pra montar uma string JSON com os dados. Isso no Ext está pronto no Ext.Record.


Pegar os dados de uma linha

grid.on("rowclick", onClick);
        
function onClick(grid, rowIndex, event)
{ 
     var dados = grid.store.getAt( rowIndex );
    
     alert( dados.get('meuDado1') );
     alert( dados.get('meuDado2') );

     //inserir no banco 
     Ext.Ajax.request({
         url:'Action.aspx'
         params:{
                id: dados.get('id')
                ,titulo:dados.get('titulo')
         }
     });
}