如何使用jQuery实现查找选择器

时间:2017-03-07 16:57:05

标签: jquery

我试图在Web应用程序中实现查找 以下是我尝试做的一个例子:

创建一只狗并挑选主人:) enter image description here

目的是单击一个按钮,打开一个对话框,其中包含一个带有列表的视图。当用户点击按钮“关联”时该行的数据传递给' outter'查看并使用拾取的数据填充一些控件。我尝试使用' on'和'触发'来自jquery。

这是我的方法: 创建Dog / Outter视图:

...
<div id="dialogOwnerPicker" title="Pick the Owner" style="overflow: hidden;">

        </div>

<input type="button" id="dialogOpener" value="Pick" />
...

<script>

    $(function () {

        $("#dialogOwnerPicker").dialog({
            autoOpen: false,
            height: 350,
            width: 530,
            modal: true,
            open: function (event, ui) {
                $(this).load("<-- people view url -->");
            },
            close: function (event, ui) {
                $("#dialogOwnerPicker").dialog().dialog('close');
            }

        });


        $("#dialogOwnerPicker").on("Associate", function (event, arg) {

            //do something with arg like populating controls or anything else
        });

        $("#dialogOpener").click(function () {
            $("#dialogOwnerPicker").dialog("open");
        });



    });

</script>

人物/内部对话框查看:

...
 <input type="button" value="Associate" onclick="ClickButton('@item.Name')"/>

...
<script>


    function ClickButton(arg) {
        $("#dialogOwnerPicker").trigger("Associate", arg);

    }
</script>

现在,这不起作用。我错过了什么,或者这是不可能做到的?

Tks

1 个答案:

答案 0 :(得分:0)

我认为你的问题是这样的:

$("#dialogOwnerPicker").on("Associate", function (event, arg) {

});

第一个参数是事件,所以你说on Associate js并不知道&#34; Associate&#34;是

相反,您应该在点击关联按钮时说&#34;&#34;

$("#associate_button_id").on('click', function (event, arg) {
    // Do something    
});

jQuery中还有一个click函数,所以你可以简单地说

$("#associate_button_id").click(function (event, arg) {
    // Do something    
});

希望这有帮助。