editar quantidade sem redirecionar para outra página

Question

temos um site de mercado.cada vendedor/fornecedor tem sua própria conta....

estamos exibindo uma lista de produtos de vendedores, quantidade, sku, preço... etc em sua conta....

http://prntscr.com/8vgul0

estamos usando este código para exibir essas informações: http://pastebin.com/CvQkXZ2r

temos um botão de edição ao lado de "Qtd", se clicarmos nesse botão de edição, ele redireciona para outra página e o vendedor edita as informações e salva.

estamos usando o seguinte código para editar:

<img src="<?php echo $this->getSkinUrl('marketplace/images/icon-edit.png'); ?>" data-type="<?php echo $products->getTypeId(); ?>" alt="<?php echo $helper->__('Edit')?>" title="<?php echo $helper->__('Edit')?>" class="mp_edit"/>

o que precisamos é que se clicarmos no botão "editar", ele deverá exibir o campo de texto como na imagem e o botão atualizar e cancelar abaixo.

pergunta editada :

estou usando este código para o evento onclick na imagem e chamo a função javascript:

<img onclick="updateField(this, '. $product_id .'); return false"; src="<?php echo $this->getSkinUrl('marketplace/images/icon-edit.png'); ?>"

função javascript que defini no onclick da imagem.

<?php $url='Mage::getUrl('module_name/index/updateField/');' ?>
<script type="text/javascript">

function updateField(image, product_id)
{
    new Ajax.Request('<?php echo $url ?>', {
        method: 'post',
        parameters: { id: fieldId, field: $(button).previous('input').getValue() }
    });
}
</script>

Eu faço uma função no controlador que eu defino no URL do java script ajax.

public function updateFieldAction()
{
    $fieldId = (int) $this->getRequest()->getParam('id');
    $field = $this->getRequest()->getParam('field');
    if ($fieldId) {
        $model = Mage::getModel('modulename/model')->load($fieldId);
        $model->setField($field);
        $model->save();
    }
}

arquivo de desenho = http://pastebin.com/hhWrn1gk &

arquivo controlador = http://pastebin.com/MBtE2hcS

mas não estou conseguindo solução....

Answer 1

Não tenho certeza se isso funcionará para você ou não.Para a caixa de texto de entrada ao clicar em editar, você precisará alterar o código conforme abaixo.

    <!--    edit qty -->
<td>
    <?php echo (int) Mage::getModel('cataloginventory/stock_item')->loadByProduct($products)->getQty(); ?>
    <input type="text" id="qty_<?php echo $product_id;?>" name="qty" value="<?php echo (int) Mage::getModel('cataloginventory/stock_item')->loadByProduct($products)->getQty(); ?>" style="display:none"/>
    <span class="label wk_action">
        <img onclick="updateField('<?php echo $product_id; ?>');return false;" src="<?php echo $this->getSkinUrl('marketplace/images/icon-edit.png'); ?>"/>
    </span>   
</td>


<?php $url = Mage::getUrl('module_name/index/updateField/'); ?>

<script type = "text/javascript" >

    var $wk_jq = jQuery.noConflict();

    function updateField(product_id)
    {
        var qtyId = '#qty_'+product_id;

        $wk_jq(qtyId).toggle()

        $qty = $wk_jq(qtyId).val();

        new Ajax.Request('<?php echo $url ?>', {
            method: 'post',
            parameters: {id: product_id, qty: $qty}
        });
    }
</script>

Eu não tentei, mas talvez seja necessário alterar conforme sua necessidade e também no arquivo do controlador.