【问题标题】:Textfield is hiding once we click on cancel button一旦我们单击取消按钮,文本字段就会隐藏
【发布时间】:2015-12-17 12:02:19
【问题描述】:

我们正在使用 magento 多供应商网站

我们正在使用以下代码来更新和取消价格。但是一旦我们点击“取消”按钮,文本字段就会隐藏起来。

PHTML

<span class="label pro_status">
 <?php //echo $products->getPrice(); ?>                              
 <input class="ama1" type = "text" id = "price_<?php echo $products->getId(); ?>" onkeydown="validateNumbers(event)" "name = "price" value = "<?php echo $products->getPrice(); ?>" style = ""/>


 <p id="updatedprice_<?php echo $products->getId(); ?>" style = "display:none;color:red; position:relative; top:16px;">Updated</p>
 <br/>

 <button id="price_update_button_<?php echo $products->getId(); ?>" class="update" onclick="updateFieldPrice('<?php echo $products->getId(); ?>'); return false;" >
 <span><span style="font-size:12px;"><?php echo $helper->__('Update') ?></span></span>
 </button>


     <button id="price_reset_button_<?php echo $products->getId(); ?>" type="reset" class="cancel" onclick="hideResetPrice('<?php echo $products->getId(); ?>'); return false;">
     <span><span><?php echo $helper->__('Cancel') ?></span></span>
     </button>

    </span>

Javascript

function hideResetPrice(product_id) {

var qtyId='#price_'+ product_id;
var editLink="#price_edit_link_"+ product_id;
var updateButton="#price_update_button_"+ product_id;
var valueprice="#valueprice_"+ product_id;
var resetButton="#price_reset_button_"+ product_id;

$wk_jq(qtyId).hide();
$wk_jq(valueprice).show();
$wk_jq(editLink).show();
$wk_jq(updateButton).hide();
$wk_jq(resetButton).hide();
}

【问题讨论】:

    标签: javascript php html magento


    【解决方案1】:

    删除这一行$wk_jq(qtyId).hide();,因为取消时您将input field 隐藏在函数中。

    function hideResetPrice(product_id,priceold) {
    
        var qtyId='#price_'+ product_id;
        var editLink="#price_edit_link_"+ product_id;
        var updateButton="#price_update_button_"+ product_id;
        var valueprice="#valueprice_"+ product_id;
        var resetButton="#price_reset_button_"+ product_id;
    
    
        $wk_jq(valueprice).show();
         $wk_jq(qtyId).val(priceold);
        $wk_jq(editLink).show();
    
        }
    

    <?php //echo $products->getPrice(); ?>                              
     <input class="ama1" type = "text" id = "price_<?php echo $products->getId(); ?>" onkeydown="validateNumbers(event)" "name = "price" value = "<?php echo $products->getPrice(); ?>" style = ""/>
    
    
    
    
    <p id="updatedprice_<?php echo $products->getId(); ?>" style = "display:none;color:red; position:relative; top:16px;">Updated</p>
     <br/>
    
     <button id="price_update_button_<?php echo $products->getId(); ?>" class="update" onclick="updateFieldPrice('<?php echo $products->getId(); ?>'); return false;" >
     <span><span style="font-size:12px;"><?php echo $helper->__('Update') ?></span></span>
     </button>
    
    
         <button id="price_reset_button_<?php echo $products->getId(); ?>" type="reset" class="cancel" onclick="hideResetPrice('<?php echo $products->getId(); ?>','<?php echo $products->getPrice(); ?>'); return false;">
         <span><span><?php echo $helper->__('Cancel') ?></span></span>
         </button>
    
        </span>
    

    【讨论】:

    • 现在文本字段不会变成空白。但是一旦我们点击“取消”按钮,“更新和取消”按钮就会消失
    • 你想在取消按钮上做什么?
    • 如果我们点击取消按钮,它应该在文本字段中显示原始价格,并且更新和取消按钮不应该消失。
    • 更新html和脚本也请替换并反馈我
    • 有一个小问题。一旦我们更新价格并点击“更新”按钮。它保存在数据库中。但是如果我们点击取消按钮,它会显示旧价格。但是如果我们在刷新页面后点击取消按钮,它会显示更新的价格。
    【解决方案2】:
    *There is a minor mistake you are doing with the Cancel button.*
    

    您在单击取消按钮时调用 hideResetPrice() 函数。 只需删除 onclick="hideResetPrice() 功能。 让代码成为 只要。 这不会隐藏您的文本字段。

    <button id="price_reset_button_<?php echo $products->getId(); ?>" type="reset" class="cancel" onclick="hideResetPrice('<?php echo $products>getId(); ?>'); return false;">
     <span><span><?php echo $helper->__('Cancel') ?></span></span>
     </button>
    

    【讨论】:

    • 检查一下然后告诉我:)
    • 我之前在上述答案的帮助下解决了这个问题。如有其他问题,我一定会与您联系。我赞成它
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2019-11-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-12-14
    相关资源
    最近更新 更多