JQuery的对话框内访问变量 [英] Access variables inside JQuery dialog

问题描述

我在viewBag用户ID我要访问我的内部对话框中ViewBag

 ＆LT;脚本＆GT;
    $（函数（）{
        $（＃对话）。对话框（{
            的AutoOpen：假的，
            模式：真实，
            宽度：339，
            覆盖：{
                的backgroundColor：'红'，
                不透明度：0.5
            }，
            显示： {
                大意是：盲人，
                持续时间：500
            }，
            隐藏：{
                大意是：爆炸
                持续时间：700
            }
        }）;
    }）;    功能OpenDialog（）
    {
        $（'＃对话）对话框（开放）;
    }
＆LT; / SCRIPT＆GT;＆LT; D​​IV ID =开放的onclick =OpenDialog（）;＆gt;点击要打开＆LT; / DIV＆GT;  @ ViewBag.UserID
    ＆LT; D​​IV ID =对话＆GT;
            ＆LT;表＆gt;
                ＆所述; TR＆GT;
                    ＆LT; TD＆gt;用户ID＆LT; / TD＆GT;
                    ＆LT; TD＆GT; @ ViewBag.UserID＆LT; / TD＆GT;
                ＆LT; / TR＆GT;
                ＆所述; TR＆GT;
                    ＆LT; TD＆GT;意见＆LT; / TD＆GT;
                    ＆LT; TD＆GT; @ Html.TextArea（CommentsTextBox）＆LT; / TD＆GT;
                ＆LT; / TR＆GT;
            ＆LT; /表＆gt;
            ＆LT; D​​IV CLASS =alignCenter＆GT;
                 ＆LT;输入类型=提交值=添加/＆GT;
                 ＆LT;输入类型=按钮值=取消/＆GT;
            ＆LT; / DIV＆GT;
    ＆LT; / DIV＆GT;
 

解决方案

您code应该有工作，但可能是jQuery的对话框的div改变DOM元素值＆LT; D​​IV ID =对话 ＆GT;

您可以试试下面的办法。

保留用户ID的隐藏字段。

 ＆LT;输入类型=隐藏ID =用户id值=@ ViewBag.UserID/＆GT;
 

请在＆LT的用户ID占位; DIV ID =对话＆GT;

 ＆LT; D​​IV ID =对话＆GT;
    ＆LT;表＆gt;
        ＆所述; TR＆GT;
            ＆LT; TD＆gt;用户ID＆LT; / TD＆GT;
            ＆所述; TD＆GT;＆下;跨度的id =dialogUserId＆GT;＆下; /跨度＆GT;＆下; / TD＆GT;
        ＆LT; / TR＆GT;
    ＆LT; /表＆gt;
＆LT; / DIV＆GT;
 

获取用户ID和OpenDialog分配形式占位符（）事件。

 ＆LT;脚本＆GT;
功能OpenDialog（）
    {
        $（＃dialogUserId）VAL（$（＃用户id）VAL（）。）。 //如果这是不行的尝试添加对话框后，这条线（开放）
        $（'＃对话）对话框（开放）;
    }
＆LT; / SCRIPT＆GT;
 

I have a user ID in viewBag I want to access the ViewBag inside my dialog box

<script>
    $(function () {
        $("#dialog").dialog({
            autoOpen: false,
            modal: true,
            width: 339,
            overlay: {
                backgroundColor: 'red',
                opacity: 0.5
            },
            show: {
                effect: "blind",
                duration: 500
            },
            hide: {
                effect: "explode",
                duration: 700
            }
        });
    });

    function OpenDialog()
    {
        $('#dialog').dialog("open");
    }
</script>

<div id="open" onclick="OpenDialog();">Click To Open</div>  

  @ViewBag.UserID
    <div id="dialog">   
            <table>
                <tr>
                    <td>User ID</td>
                    <td>@ViewBag.UserID</td>
                </tr>
                <tr>
                    <td>Comments</td>
                    <td>@Html.TextArea("CommentsTextBox")</td>
                </tr>
            </table>
            <div class="alignCenter"> 
                 <input type="submit" value="Add" /> 
                 <input type="button" value="Cancel" /> 
            </div>
    </div>

解决方案

Your code should have worked but may be Jquery dialog changing dom element value for div <div id="dialog">

You can try following approach.

Keep UserId in hidden field.

<input type="hidden" id="userId" value="@ViewBag.UserID" />

Make placeholder for UserId inside <div id="dialog">

<div id="dialog">
    <table>
        <tr>
            <td>User ID</td>    
            <td><span id="dialogUserId"></span></td>
        </tr>
    </table>
</div>

Get UserId and assign form place holder on OpenDialog() event.

<script>
function OpenDialog()
    {
        $("#dialogUserId").val($("#userId").val()); //if this won't work try adding this line after dialog("open")
        $('#dialog').dialog("open");
    }
</script>

这篇关于JQuery的对话框内访问变量的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！