代码之家  ›  专栏  ›  技术社区  ›  Max Boy

ColdFusion从另一个文件调用引导模式

  •  0
  • Max Boy  · 技术社区  · 7 年前

    如果我的项目在另一个文件(modals.cfm)中,我将创建所有modals。如何从另一个文件调用模态?

    情态动词。cfm(引导模式示例)

    <div class="modal fade" id="requestError" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button aria-hidden="true" data-dismiss="modal" class="close" type="button">X</button>
                <h4 id="myModalLabel1" class="modal-title"><strong>Error!</strong></h4>
            </div>
            <div class="modal-body">
                <div class="alert alert-danger fade in">
                    <h2 id="error"></h2>
                </div>
            </div>
            <div class="modal-footer">
                <button data-dismiss="modal" class="btn btn-default" type="button">Close</button>
                <button data-dismiss="modal" class="btn btn-primary" type="button" onClick="myFunc();">Confirm</button>
            </div>
        </div>
    </div>
    

    然后,我想从另一个cfm文件调用它。例如,索引。cfm:

        <button type="button" class="btn btn-primary" onClick="callModal();"> Test </button>
    
    <script>
        function callModal(){
            $("#error").html("My custom error message");
    
            $("#requestError").modal(); // How can I call it from another file?
        }
    </script>
    

    有可能吗?

    谢谢

    1 回复  |  直到 7 年前
        1
  •  5
  •   Chester    7 年前

    帮助我理解ColdFusion的一个更“基本”的东西是这样想的:ColdFusion的目的是生成HTML。

    现在,根据您的描述,您说要使用在中生成的HTML modals.cfm . 这很好,但如何将其插入您当前所在的页面(例如: index.cfm )?

    一种简单、直接的方法是在 指数cfm公司 到情态动词。cfm:

    <!-- index.cfm code here--->
    <button type="button" class="btn btn-primary" onClick="callModal();"> Test </button>
    
    <cfinclude template="modals.cfm">
    <script>
        function callModal(){
            $("#error").html("My custom error message");
    
            $("#requestError").modal(); // How can I call it from another file?
        }
    </script>
    

    如果您想通过AJAX加载页面(如James所述),这将需要更多的工作,但绝对可行。我们只需要更多的代码。