如何創建在asp.net mvc的

你好我想在asp.net創建從數據庫中的一個強類型的視圖中創建項目jQuery的彈出泡如何創建在asp.net mvc的

我強類型的意見jQuery的彈出泡發現了一些例子，但沒有什麼真正有用的。任何幫助，將不勝感激。

這是我與表的列中的表和項目的強類型視圖的示例：

<table> 
     <tr> 
      <th> 
       name 
      </th> 

    <% foreach (var item in Model) { %> 

     <tr> 
      <td> 
       <%= (item.name) %> 
      </td> 
     </tr> 

    <% } %> 

    </table>

來源

2011-04-08 Trev

時遇到了問題搞清楚如何做彈出泡，或從數據庫中獲取數據，或在強類型的視圖顯示它？如果你想要一個好的答案，你可能需要更具體。您是否嘗試過使用jQuery插件像棉籤（http://craigsworks.com/projects/qtip/docs/#gettingstarted）？如果是這樣，你在什麼時候卡住了？ – StriplingWarrior 2011-04-08 23:11:50

對於簡短的問題感到抱歉。 IM掙扎與泡沫，我怎麼會實際上是從強類型的視圖鏈接信息到 – Trev 2011-04-08 23:51:13

你可能想嘗試通過AJAX局部視圖加載到jQuery.dialog箱的泡沫。我之前從未使用jQuery.dialog，所以實際上我不知道它是否有用：/。 – 2011-04-09 01:23:44

把泡沫信息的地方在頁面上，一個div標籤裏也許。在div標籤上放置一個類，使其（1）隱藏，（2）相對於td標籤絕對定位。

接下來，在懸停或點擊事件<％= item.name％>，您將使用jQuery show（）或hide（）彈出窗口。

<style> 
    .myTable td { position:relative; top:0; left:0; } 
    .myBubble { display:none; position:absolute; top:-100px; background:#CCC; } 
</style> 

<table class="myTable"> 
    <tr> 
     <th>name</th> 
    </tr> 
    <% foreach (var item in Model) { %> 
    <tr> 
     <td> 
      <div class="myTrigger"><%= (item.name) %></div> 
      <div class="myBubble"> 
       <%= item.description %><br /> 
       <%= item.publishDate %> 
      </div> 
     </td> 
    </tr> 
    <% } %> 
</table> 

<script> 

    // presuming you've already included a reference to the jQuery library... 

    $('.myTrigger').hover(function() { 
     // show the adjacent bubble content 
     $(this).parent().find('.myBubble').show(); 
    }, 
    function() { 
     // hide the adjacent bubble content 
     $(this).parent().find('.myBubble').hide(); 
    }); 

</script>

來源

2011-04-09 04:28:43 a7drew

謝謝大家的幫助。這工作完美，非常感謝，因爲我是新來的jQuery和它可以做什麼。 – Trev 2011-04-10 13:25:30

如何創建在asp.net mvc的

回答

相關問題