【发布时间】：2015-10-29 13:15:34
【问题描述】：
我们有市场网站，每个卖家/供应商都有自己的帐户。他们可以看到产品列表。 sku ，数量在他们的帐户中。
现在显示如下：图片 1 =http://prnt.sc/8wm25g
如果我点击取消按钮，则显示如下：http://prnt.sc/8wm2fv
我需要的是：
a)如果我们点击编辑按钮，那么只有“更新”和“取消”按钮应该可见，而“编辑”按钮应该隐藏。
b)稍后如果我们点击“取消”按钮，“更新和取消”按钮应该隐藏，“编辑”按钮应该可见。
<?php echo (int) Mage::getModel('cataloginventory/stock_item')->loadByProduct($products)->getQty(); ?>
<input type = "text" id = "qty_<?php echo $products->getId(); ?>" name = "qty" value = "<?php echo (int) Mage::getModel('cataloginventory/stock_item')->loadByProduct($products)->getQty(); ?>" style = "display:none"/>
<span class="label wk_action" id="edit_link_<?php echo $products->getId(); ?>">
<img onclick="showField('<?php echo $products->getId(); ?>'); return false;" src="<?php echo $this->getSkinUrl('marketplace/images/icon-edit.png'); ?>"/>
</span>
<br/>
<button id="update_button_<?php echo $products->getId(); ?>" class="button wk_mp_btn1" onclick="updateField('<?php echo $products->getId(); ?>'); return false;" >
<span><span style="font-size:12px;"><?php echo $helper->__('Update') ?></span></span>
</button>
<button id="reset_button_<?php echo $products->getId(); ?>" type="reset" class="cancel" onclick="hideReset('<?php echo $products->getId(); ?>'); return false;">
<span><span><?php echo $helper->__('Cancel') ?></span></span>
</button>
<script type = "text/javascript" >
var $wk_jq = jQuery.noConflict();
function hideReset(product_id) {
var editLink = "#edit_link_"+ product_id;
var updateButton = "#update_button_"+ product_id;
var resetButton = "#reset_button"+ product_id;
$wk_jq(editLink).show();
$wk_jq(updateButton).hide();
$wk_jq(resetButton).hide();
}
function showField(product_id)
{
var qtyId = '#qty_'+ product_id;
var editLink = "#edit_link_"+ product_id;
var updateButton = "#update_button_"+ product_id;
var resetButton = "#reset_button"+ product_id;
$wk_jq(qtyId).toggle()
$wk_jq(editLink).hide();
$wk_jq(updateButton).show();
$wk_jq(resetButton).show();
$qty = $wk_jq(qtyId).val();
}
function updateField(product_id)
{
var qtyId = '#qty_'+ product_id;
var editLink = "#edit_link_"+ product_id;
var updateButton = "#update_button_"+ product_id;
var resetButton = "#reset_button"+ product_id;
var url ='<?php echo Mage::getUrl('marketplace/marketplaceaccount/updateField/')?>';
$wk_jq(qtyId).toggle()
$wk_jq(editLink).hide();
$wk_jq(updateButton).show();
$wk_jq(resetButton).show();
$qty = $wk_jq(qtyId).val();
new Ajax.Request(url, {
method: 'post',
parameters: {id: product_id, qty: $qty},
onComplete: function (transport) {
alert(transport.responseText);
$wk_jq(qtyId).setValue($qty);
}
});
}
【问题讨论】：
-
据我所见，它应该可以工作。让我看看 Fiddle 并返回。
-
您并没有真正说出问题所在，但我看到您的
#reset_button选择器在 id 之前缺少下划线——例如，在标记中，您使用reset_button_10，但您的代码会尝试使用reset_button10，看到缺少的下划线了吗？除此之外，不清楚你在问什么。我认为某些事情没有按照您希望的方式工作，但您没有告诉我们什么不工作，或者您如何尝试解决它。投票结束。如果您可以编辑以改进问题，我将撤回我的投票。 -
生成的代码是什么？我在这里工作得很好。显示实际生成的页面是什么。另外，你的控制台里有什么？
-
@frostymarvelous 这是完整的文件 = pastebin.com/VVg0krmX 以上代码是该文件的一部分
-
@ChrisBaker 我更新了问题
标签： javascript php jquery magento