Javascript 浮动 Symfony 部分

Question

我必须为 Web 应用程序实现一项功能，该功能提供了一种在数千个元素之间选择元素的简单方法。 现在我有一个表单中的选择输入，用户可以从数据库中的所有对象中选择对象的父元素。但选择这种方式的因素太多了。

另一方面，我开发了部分列表和列表。过滤器，对于这个对象，所以我的问题是：

有没有某种方法可以实现类似的东西：一个Javascript，它创建一个弹出窗口或类似的内部部分，然后用户可以使用过滤器和分页中的过滤器和分页来选择一个父级部分并将所选的提交到原始表格？

非常感谢您抽出时间！ ：D

Answer 1

您可以调用一个操作来呈现您想要的部分。要从操作中渲染部分内容，只需使用：

return $this->renderPartial('module/partial', array('var_name' => $var_value));

Answer 2

如果您喜欢 jQuery，我建议使用 jQuery 工具覆盖层，可以在此处找到：

jQuery 工具

该库是文档齐全且易于使用，因为它是以 jQuery 插件的形式编写的。简单地说 - 它能够渲染漂亮的弹出窗口 - 不是在我个人觉得烦人的新窗口中，而是在覆盖的 div 中。

您可以在此类弹出窗口中放置任何内容，例如表单或您的部分内容。然后您可以使用 jQuery 捕获表单的值，例如：

$("#your-form").submit(function () {
    var selectedItemId = $("#your-select").val();
    // Do something with the id
    return false;
}); 

如果您想了解更多信息，请告诉我。

Answer 3

我最终是这样解决的：
我在这个html上使用了这个javascript

    <script type="text/javascript">//script para abrir el selector de ud.org. sup.
    $(document).ready(function(){     
            $(".openDialog").click(function(e){
                e.preventDefault();
                //Get the screen height and width                    
                var maskHeight = $(document).height();
                var maskWidth = $(window).width();
                $('.None_background').css("style","background-color:#eee");
                $('#mask').css({'width':maskWidth,'height':maskHeight});
                $('#mask').css('top',0);
                $('#mask').css('left',0);
                //$('#mask').fadeIn(1000);    
                $('#mask').fadeTo("slow",0.5);
                var winH = $(window).height();
                var winW = $(window).width();

                //Set the popup window to center
                $("#dialog").css('top',  winH/4-$(id).height()/4);
                $("#dialog").css('left', winW/4-$(id).width()/4);

                //transition effect
                $("#dialog").fadeIn(250); 


            });
            $('#mask').click(function () {
                $(this).fadeOut();
                $('.window').fadeOut(500);
            });
            $('.window .close').click(function(){
                $('#mask').fadeOut();
                $('.window').fadeOut(500);
                //saving the selected unit in the form
                var slct = document.getElementById('parent_unit');
                var text= slct.options[slct.selectedIndex].text;
                var value = slct.options[slct.selectedIndex].value;
                document.getElementById('parent').innerHTML=text
                document.getElementById('parent').href=value
                document.getElementById('parentID').value=value


            });
    });
</script>

：

        <div class="None_background window" id="dialog" style="padding:5px">

             <?php include_partial('module/Partial', array('param'=>value));?>

    </div>

    <div id="mask">
    </div>

表单中的字段也被命名为“parent”和“parentID”