【发布时间】:2014-02-19 06:17:33
【问题描述】:
我有一个带有链接按钮的网格视图。我使用 jquery 和 css 为链接按钮设置了一个灯箱。
链接按钮源代码
<asp:TemplateField HeaderText="Course" ItemStyle-CssClass="course" HeaderStyle-CssClass="course">
<ItemTemplate>
<asp:LinkButton ID="Course_Name" runat="server" Text='<%# Eval("Course_Name__c") %>' ForeColor="#666699" CommandName="course" CommandArgument='<%# ((GridViewRow) Container).RowIndex %>' ></asp:LinkButton>
</ItemTemplate>
<HeaderStyle Font-Bold="True" />
<HeaderStyle HorizontalAlign="Center"/>
<ItemStyle CssClass="course"></ItemStyle>
</asp:TemplateField>
我必须在rowcommand事件中设置lightbox的内容。我在rowdatabound中使用以下代码。
cname.CssClass = "popup-with-zoom-anim";
cname.Attributes.Add("href", "#smalldialog");
脚本是,
<script type="text/javascript">
$(document).ready(function () {
$('.popup-with-zoom-anim').magnificPopup({
type: 'inline',
fixedContentPos: false,
fixedBgPos: true,
overflowY: 'auto',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: 'my-mfp-zoom-in'
});
$('.popup-with-move-anim').magnificPopup({
type: 'inline',
fixedContentPos: false,
fixedBgPos: true,
overflowY: 'auto',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: 'my-mfp-slide-bottom'
});
});
</script>
但是 rowcommand 没有触发所以灯箱显示没有数据。任何帮助表示赞赏。
【问题讨论】:
标签: jquery asp.net css gridview