彈出一個gridview中的更多細節？

我有一個gridview列出項目。我想要做的就是點擊一個鏈接，它會打開一個彈出窗口，顯示特定項目的更多詳細信息。到目前爲止，我已經設法創建了一個彈出的Div標籤，它將顯示在網格視圖中選擇的產品的詳細信息。目前，Div標籤是使用Gridview之外的超鏈接打開的。當我嘗試將鏈接放入GridView中的模板字段中時，彈出窗口不會打開。彈出一個gridview中的更多細節？

這是彈出的div

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#OpenDialog").click(function() { 
     $("#dialog").dialog({ modal: true, height: 400, width: 500 }); 
    }); 
}); 
</script>

div標籤

<div id="dialog" title="CPU Details" onload="false" style="display: none" >

然後將div標籤使用被放置在GridView以外下面打開的JavaScript。

<a id="OpenDialog" href="#">Click here to open dialog</a>

來源

2013-04-30 user2212460

你有什麼錯誤?????? – 2013-04-30 11:05:49

@raman它不會給出任何錯誤，只是不會執行除頁面刷新之外的任何操作，就像它正在嘗試加載但不顯示任何內容。 – user2212460 2013-04-30 11:08:05

嘗試以下操作：

$(document).ready(function() { 
$("#OpenDialog").click(function (e) { 
    $("#dialog").dialog({ modal: true, height: 400, width: 500 }); 
return false; 
    }); 
});

，讓我知道，如果它不會爲你工作。

修訂

添加類像鏈接：

<a id="OpenDialog" class="OpenDialog" href="#">Click here to open dialog</a>

現在

$(document).ready(function() { 
$('.OpenDialog').click(function (e) { 
    $("#dialog").dialog({ modal: true, height: 400, width: 500 }); 
return false; 
    }); 
});

嘗試這一點，一定會爲你的工作時，控制IDS在GridView控件已經改變當它在HTML中呈現。

來源

2013-04-30 11:10:08

謝謝，我試過你的代碼，但仍然沒有改變。我剛剛注意到，當使用網格視圖內的鏈接時，它會在URL的末尾添加一個＃。網格視圖外的鏈接不會發生這種情況。 – user2212460 2013-04-30 11:19:25

@ user2212460看到更新的答案......... – 2013-04-30 12:33:50

這可以根據需要，非常感謝您的幫助 – user2212460 2013-04-30 13:04:12

這樣做是爲了看到CSS選擇器的奇蹟。

標記

  <ItemTemplate> 
       <asp:LinkButton ID="lblId" runat="server" Text='<%# Bind("Id") %>' CssClass="opener"></asp:LinkButton> 
      </ItemTemplate> 

<div class="dialog" title="My details" > 
    Details here 
</div>

JqueryCode

$(document).ready(function() { 
$(".opener").click(function() { 
      $(".dialog").dialog("open"); 
      return false; 
     }); 
    });

我已經dropboxed你here其中有以更新panels.Enjoy照顧獎勵工作的例子。

來源

2013-04-30 12:34:38

我已經得到它在上面的答案工作。我會看看你的代碼，然後嘗試一下，謝謝 – user2212460 2013-04-30 13:05:28

彈出一個gridview中的更多細節？

回答

相關問題