0

这是我的视图代码的一部分:

<%int imageTypSelected = 0; %>  



<div class="imageToEdit" >
         <img src='<%: Url.Action("getImg", "Product", new{ShopId = Model.Id}) %>'   alt="" />
         <a href="#" id="1" onclick="jQuery('#dialog').dialog('open'); '<%:imageTypSelected=1 %>'; return false;  ">G</a>             
    </div>

    <div   >
         <img src='<%: Url.Action("getImg_Alt1", "Product", new{ShopId = Model.Id}) %>'   alt="" />
         <a href="#" id="2"  onclick="jQuery('#dialog').dialog('open'); '<%:imageTypSelected=2 %>'; return false; " >G</a>           
    </div>

    <div  >
         <img src='<%: Url.Action("getImg_Alt2", "Product", new{ShopId = Model.Id}) %>'   alt="" />
         <a href="#" id="3"  onclick="jQuery('#dialog').dialog('open'); '<%:imageTypSelected=3 %>'; return false; ">G</a>            
    </div>



 <div id="dialog" title="A" >
          <% using (Html.BeginForm("changeProductImage", "Product", new { @Id = Model.Id, @selectedHyperLink = imageTypSelected }, FormMethod.Post, new { enctype = "multipart/form-data" }))
               {%>
                <p><input type="file" id="fileUpload" name="fileUpload" style="width:23;"/> </p>
                <p><input type="submit" value="B" /></p>
          <% } %>

       </div>

通过单击第一个变量imageTypSelected必须设置为 1。通过第二个必须设置为 3,通过单击第三个它必须设置为 3。然后此变量发布到控制器中的方法。但一直只有值3被分配给变量,点击其他不会影响变量。怎么了?

4

1 回答 1

1

您正在混淆服务器端代码和客户端代码。

imageTypSelected只存在于服务器上。当您单击浏览器中的链接时,它不会改变。您需要完全在 javascript 中执行此操作:

从您的表单中删除它:

@selectedHyperLink = imageTypSelected

并添加此隐藏字段:

<input type="hidden" id="selectedhyperlink" name="selectedhyperlink" />

添加这个 javascript 函数,它将隐藏字段设置为正确的值:

<script type="text/javascript">
    function changeImageType(imageType) {
        jQuery("#selectedhyperlink").val(imageType);
        jQuery("#dialog").dialog("open");

        return false;
    }
</script>

从您的链接中调用此函数:

<a href="#" id="2" onclick="return changeImageType(2);">G</a>  
于 2012-12-02T21:56:27.290 回答