c# - 如何从asp.net代码后面打开Colorbox jquery插件模式窗口？

Question

我有一个 asp.netlistview控件，asp:button其itemtemplate. 我想在Colorbox单击它并且满足某些条件时打开它（这就是为什么我在调用 onclientclick 时遇到问题）并且 Colorbox 将显示一个 iframe。我尝试了许多不同的方法并搜索了很多，但没有一个答案对我有用，因为他们都建议onclientclick事件而不是 onclick。

我正在使用如下代码在 Colorbox 模式对话框中打开 href 链接：

    <script>
                $(document).ready(function () {
                    $(".ajax").colorbox();
                    $(".iframe").colorbox({ iframe: true, 
width: "50%", height: "500px" });
                });
            </script>

但是我不能让它在itemcommandasp.net listview 的事件中的代码隐藏中工作。

你能建议一个解决方案吗？

Answer 1

您可以在页面上创建一个隐藏字段并将其设置在代码隐藏中，然后在$(document).ready().

例如：

页

<script>
    $(document).ready(function () {
        $(".ajax").colorbox();
        $(".iframe").colorbox({ iframe: true, width: "50%", height: "500px" });
        if ($('.showColorbox').val()) {
            // show the colorbox
        }
    });
</script>

代码隐藏：

// in click event code
showColorbox.Value = true;

Answer 2

这是我最终遇到的：

<asp:Button ID="btnViewDetails" runat="server" Text="Details" OnClientClick="
                OpenCBox();" />
                <script type="text/javascript">
                    function OpenCBox() {
                        $.colorbox({ href: '<%# Eval("EditLink") %>', iframe: true, width: "50%", height: "500px", 
                        transition: "elastic", onClosed: function () { parent.location.reload(true); } });    
                        return true;                   
                    }
                </script>