2

我有一个视图Details,它由一个局部视图_Tabs和第二个局部视图组成_Contents

在其中一个部分视图 ( _Tabs) 中,我有一个图像链接,在onclick函数中,我传递了一个变量CatID。此变量包含局部视图的 ViewModel 的属性值(称为TabsForItemViewModel)。

调试时,点击图片时,VS显示:

Microsoft JScript 运行时错误:“CatID”未定义

部分视图“_Tabs”:

局部视图的视图模型_TabsTabsForItemViewModel

@model TabsForItemViewModel
@{
   int CatID = Model.CategoryInfo.CatID; 
 }

<ul>
<li>
   <a href="#GoToCatLevel">
     <img border="0" src="view_cat.png" alt ="Up" title="Go To This Category" 
          width="10" height="10" onclick="LoadCategoryData(CatID, this.href)" />
   </a>
</li>
...

查看详情”:

@model ItemDetailsViewModel
@{    
    ViewBag.Title = "Item Details";
}

<div id="Main">
...
   CategoryInfoViewModel categoryData = new CategoryInfoViewModel(itemD.Ca_ID);                                                   

    TabsForItemViewModel tabsForItem = new TabsForItemViewModel(categoryData);
    <div id="Tabs" class="div-tab">                      
        @{Html.RenderPartial("~/Views/Item/_Tabs.cshtml", tabsForItem );}
    </div>
    ...
</div>
4

3 回答 3

4

CatID不是 Javascript 变量...它是需要呈现到页面中的 ac# 变量。使用 Razor 语法,这将是:

onclick="LoadCategoryData(@CatID, this.href)"
于 2012-06-22T08:58:37.013 回答
3

你在 onclick 函数中发送的时候忘记在 CatID 前面放一个@符号。

它应该是:

   onclick="LoadCategoryData(@CatID, this.href)"
于 2012-06-22T09:00:25.957 回答
1

首先<img>没有财产href。您是否尝试将点击处理程序添加到<a>

我个人不建议您像以前那样在 html 元素中混合 javascript。您应该使用不显眼的 javascript。

你可以试试这样的

<img id=".img" border="0" src="view_cat.png" alt ="Up" title="Go To This Category" 
          width="10" height="10" data-catid="@CatID" />

<script type="text/javascript">
  $(".img").click(function(){
     LoadCategoryData($(this).data("catid"), $(this).attr("src"));
  });
</script>

现在您可以将此脚本放在单独的文件中。

于 2012-06-22T09:23:38.893 回答