请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步,快速开始

Jackyqyd

初级会员

1

主题

13

帖子

406

积分

初级会员

积分
406

活字格认证

最新发帖
Jackyqyd
初级会员   /  发表于:2014-2-24 17:10  /   查看:14530  /  回复:23
产品版本:studio for asp.net 产品模块:wijmo controls 4操作系统:Windows 7 旗舰版 IDE:Visual Studio 2010
问题描述:c1dialog控件在用button时无法显示对话框
重现步骤:
具体代码如下:
vs 2010安装正确无误
控件能够正常显示


  1. <input id="Button2" type="button" value="Show Dialog" onclick="$('#C1Dialog1')"/>
  2.         <wijmo:C1Dialog ID="C1Dialog1" runat="server" Height="300px" Title="cidialog say......" Modal="true" ShowOnLoad="false" Resizable="false">
  3.             <CaptionButtons>
  4.                 <Close IconClassOn="ui-icon-close" />
  5.                     <Pin IconClassOn="ui-icon-pin-w" IconClassOff="ui-icon-pin-s" visible="False"></Pin>

  6.                     <Refresh IconClassOn="ui-icon-refresh" visible="False"></Refresh>

  7.                      <Toggle Visible="False" />

  8.                     <Minimize IconClassOn="ui-icon-minus" visible="False"></Minimize>

  9.                     <Maximize IconClassOn="ui-icon-extlink" visible="False"></Maximize>

  10.                     <Close IconClassOn="ui-icon-close"></Close>
  11.             </CaptionButtons>
  12.             <Content>
  13.                 Hello world!!!
  14.             </Content>
  15.         </wijmo:C1Dialog>
复制代码


当我点击按钮时,Dialog无法正常显示,如果我在控件上将ShowOnLoad属性改为true就能显示,但是这样就不是我想要的效果了,还请工程为我解答一下,如何更改,谢谢了!!!

23 个回复

倒序浏览
iceman
社区贡献组   /  发表于:2014-2-25 09:07:00
沙发
回复 1楼Jackyqyd的帖子

请参考在线示例:http://www.gcpowertools.com.cn/l ... ialog/Overview.aspx

在代码标签页有详细代码。
回复 使用道具 举报
Jackyqyd
初级会员   /  发表于:2014-2-25 10:16:00
板凳
上述问题已经解决,但是新的问题又出现了
我将上述代码拷贝进Master模板页后,Dialog对话框不能正常显示了
代码如下
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <link type="text/css" rel="stylesheet" href="css/art_master_top.css" />
    <script src="js/index_1_down.js" type="text/javascript"></script>
            <script language="javascript" type="text/javascript">
                function showdialog() {
                    $('#C1Dialog1').wijdialog({
                        autoOpen: true,
                        stack: false,
                        show: 'fade',
                        captionButtons: {

                            pin: { visible: false },

                            refresh: { visible: false },

                            toggle: { visible: false },

                            minimize: { visible: false },

                            maximize: { visible: false }
                        },
                        title: 'c1dialog say......',
                        resizable: false,
                        modal: true,
                        zIndex: 2000
                    });
                }
    </script>
    <style type="text/css">
    .singin
    {
        position:absolute;
        box-shadow:0 0 5px rgba(0, 0, 0, .4);
        display:block;
    }
    </style>

    <asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <div id="home_top">
            <div class="top_nav">        
                <div class="left" style="width:400px">
                <a href="/">华标在线云设计平台</a>
                <img width="16" height="25" align="absmiddle" src="images/top_bg_xian.gif" style="padding-top: 2px;">
                <a onmouseover="show(1,this);" onmouseout="popupClose();" href="/" target="_blank">技术频道<img align="absmiddle" src="images/nav_ico1.gif" style="padding-left: 4px;"></a>
                <img width="16" height="25" align="absmiddle" src="images/top_bg_xian.gif">
                <a onmouseover="show(2,this);" onmouseout="popupClose();" href="/" target="_blank">旗下网站<img align="absmiddle" src="images/nav_ico1.gif" style="padding-left: 4px;"></a>
                <img width="16" height="25" align="absmiddle" src="images/top_bg_xian.gif">
                <a href="http://www.51cto.com/about/map.htm" target="_blank">网站地图</a>
                </div>        
                <div class="right">  
                    <div style="width:316px; float:left;">
                        <div id="login_status" style="text-align:right;" class="login">
                                <div class="login" style="padding-top:8px; text-align:right;"><img style="margin-top:-3px" id="dia" align="absmiddle" width="20" title="" src="images/dia.gif"><a onclick="showdialog()" style="text-decoration:underline;color:Black;cursor:pointer;">登录</a><a href="#" target="_self">注册</a></div>
                        </div>
</div>         
                        <div class="more">
                            <img width="27" height="16" align="absmiddle" src="images/top_shequ.gif">社区:<a href="/" target="_blank" style="color:#CC0000">学院</a><a href="http://down.51cto.com" target="_blank">下载</a><a href="http://bbs.51cto.com" target="_blank">论坛</a><a href="http://blog.51cto.com" target="_blank">博客</a><a onmouseover="show(3,this)" onmouseout="popupClose()" href="javascript:viod(0);">更多<img align="absmiddle" src="images/nav_ico1.gif" style="padding-left: 4px;"></a>            </div>            <span id="login_status"><div class="login" id="login_status"></div>    </span>                </div>    </div></div>
<div class="subMenu1" id="s1" onmouseover="popupNoClose();" onmouseout="popupClose();">
<ul>
<li><a href="http://network.51cto.com" target="_blank">网络</a></li>
<li><a href="http://netsecurity.51cto.com" target="_blank">安全</a></li>
<li><a href="http://developer.51cto.com" target="_blank">开发</a></li>
<li><a href="http://database.51cto.com" target="_blank">数据库</a></li>
<li><a href="http://server.51cto.com" target="_blank">服务器</a></li>
<li><a href="http://os.51cto.com" target="_blank">系统</a></li>
<li><a href="http://virtual.51cto.com" target="_blank">虚拟化</a></li>
<li><a href="http://cloud.51cto.com" target="_blank">云计算</a></li>
<li><a href="http://developer.51cto.com/embed/" target="_blank">嵌入式</a></li>
<li><a href="http://mobile.51cto.com/" target="_blank">移动开发</a></li>
</ul>
</div>
<div class="subMenu2" id="s2" onmouseover="popupNoClose()" onmouseout="popupClose()">
<ul>
<li><a href="http://www.huabiaodesign.com" target="_blank" title="中国园林景观门户">HuaBiaoDesign.com</a></li>
</ul>
</div>
<script src="js/jquery-1.8.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function () {
        $(".bann").height(265);
        $(".bann").css("background-color", "white");
    });

</script>

<script src="js/head_art_more1.js" type="text/javascript"></script>
<!-- 登陆信息 -->
<!-- 导航 结束-->
   
   
    <div style="width: 1217px;">
        
        <div id="header">
            <div id="container">
                <ul>
                    <li><a href="#" class="white">首页Home</a></li>
                    <li><a href="#">资源查阅中心Recource</a></li>
                    <li><a href="#">业务洽谈中心Business</a></li>
                    <li><a href="#">规划设计中心Planning</a></li>
                    <li><a href="#">作品陈列中心Exhibit</a></li>
                    <li><a href="#">演示汇报中心Reports</a></li>
                </ul>
            </div>
        </div>
            
        <ul id="navigation">
            <li><a href="" title="申请设计任务">申请设计任务</a></li>
            <li><a href="" title="About">About</a></li>
            <li><a href="" title="Search">Search</a></li>
            <li><a href="" title="hotos">hotos</a></li>
            <li><a href="" title="Rss Feed">Rss Feed</a></li>
            <li><a href="" title="odcasts">odcasts</a></li>
        </ul>
        <div id="main">
            <div id="content">
                    <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
                        
                    </asp:ContentPlaceHolder>
            </div>
        </div>
        
        <div id="footer">
        </div>
    </div>
   
     <script type="text/javascript">
         $(function () {

             $('#navigation a').stop().animate({ 'marginLeft': '+85px' }, 1000, function () {
                 $(this).attr("content", $(this).text()).empty();
             });

             $('#navigation > li>a').hover(
                 function () {

                     $(this).stop().animate({ 'marginLeft': '+2px' }, 200);
                     $(this).text($(this).attr("content"));
                 },
                 function () {

                     $(this).stop().animate({ 'marginLeft': '+85px' }, 200);

                     $(this).empty();
                 }
             );

         });
    </script>
      
    </div>

        <wijmo:C1Dialog ID="C1Dialog1" runat="server" Height="300px" Modal="true" ShowOnLoad="true" Resizable="false" ZIndex="101" CssClass="singin">
            <Content>
                Hello world!!!asdfasdfasdfasdf
            </Content>
        </wijmo:C1Dialog>

    </form>
</body>
</html>
回复 使用道具 举报
Jackyqyd
初级会员   /  发表于:2014-2-25 10:17:00
地板
难道是由于div之间的关系所导致的么,还是其他的问题,还望工程师给予帮助和解决,再次感谢!!!
回复 使用道具 举报
iceman
社区贡献组   /  发表于:2014-2-25 13:44:00
5#
回复 4楼Jackyqyd的帖子

感谢你的问题反馈,不过很抱歉,3#中的代码我无法成功运行,能否把你的 Demo 发上来看看?
回复 使用道具 举报
Jackyqyd
初级会员   /  发表于:2014-2-25 14:10:00
6#
运行之后是这样的


当我点击右上角“登录”时,要显示dialog控件,但是我现在在上述的代码中已经创建好了,但是不显示
这个页面是由母版页生成的

如果您还是看不明白,您可否告之您的QQ或其他您的联系方式

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
Jackyqyd
初级会员   /  发表于:2014-2-25 14:31:00
7#
http://www.gcpowertools.com.cn/l ... g/ModalConfirm.aspx
我看到这个页面里的demo时的源代码用的就是母版页模式,我也按照这个模式写的,可是就是不显示
比较急人
回复 使用道具 举报
iceman
社区贡献组   /  发表于:2014-2-25 18:16:00
8#
回复 7楼Jackyqyd的帖子

问题我已经重现了,正在处理中,我稍后上传 Demo 给你。
回复 使用道具 举报
iceman
社区贡献组   /  发表于:2014-2-25 18:36:00
9#
回复 7楼Jackyqyd的帖子

有可能是因为 ClientID 取的不对,请参考我的Demo:

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
Jackyqyd
初级会员   /  发表于:2014-2-26 09:53:00
10#
参考您的代码,我将我的代码修改了一下,当运行后浏览器出现了
“控件包含代码块(即 <% ... %>),因此无法修改控件集合。”这样的提示
    <script type="text/javascript">
        function delClick() {
            $(this).c1dialog("close");
        }
        function cancelClick() {
            $(this).c1dialog("close");
        }
        function test() {
            $('#<%=dialog.ClientID %>').c1dialog("open");
        }
       </script>
我就是这样写的,为什么会出现这个错误呢?
回复 使用道具 举报
123下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部