Flex Grid 未在 Orchard CMS 中呈现

Question

我不明白为什么 Flex Grid 没有在我的 orchard cms 项目中呈现。相同的代码在单独的项目中运行，但在这里不起作用。下面是页面的代码。我已经验证了脚本和样式表的路径，两者都是正确的。

查看

@{

Script.Include("navigation-admin.js");
Script.Require("jQuery");
Script.Require("jQueryUI");
Script.Require("flexgrid");

Style.Include("flexgrid.css");
Style.Include("flexgrid.pack.css");
}

<table id="jobListing" style="display: none"></table>

@using (Script.Foot()) { 

<script type="text/javascript">

    $(document).ready(function () {
        $('#jobListing').flexigrid({
            url: '/Member/List',
            dataType: 'json',
            colModel: [
                {
                    display: 'Caption',
                    name: 'Caption',
                    width: 180,
                    sortable: true,
                    align: 'left'
                }, {
                    display: 'Name',
                    name: 'Name',
                    width: 180,
                    sortable: true,
                    align: 'left'
                }, ]
        });
    });        

</script>

}

资源清单

    public void BuildManifests(ResourceManifestBuilder builder)
    {
        // Create and add a new manifest
        var manifest = builder.Add();


        manifest.DefineScript("flexgrid").SetUrl("flexigrid.pack.js", "flexigrid.js");        
    }

目前显示

应该显示这样的布局（不是数据或列）

控制台错误

Answer 1

我认为您需要将您的 $('#jobListing').flexigrid({ .. }); 移动到文档就绪部分。

另外，给你一些提示：

1. 您应该将脚本和样式添加到 ResourceManifest

2. 如果您不使用 ResourceManifest，请改用 Script.Include("PathToScript")

3. 你应该使用Script.Require("jQuery")而不是自己要求它（它可能被注入两次）

4. 我认为 Orchard 中没有名为“脚本”的部分。请改用以下内容：

@using (Script.Foot()) {

<script type="text/javascript">

    //<![CDATA[
    $(document).ready(function () {

        [.....your code here.....]
    });
    //]]>

</script>

}

编辑：

查看您的控制台错误，我想说您错过了 Scripts and Styles 文件夹中的 web.config。

“默认情况下，Orchard 设置为限制文件夹权限。这通常通过根据需要向每个文件夹（在本例中为您的脚本文件夹）添加 web.config 来覆盖。

如果您使用 codegen 模块来生成您的模块，那么这将作为生成的一部分为您完成。如果没有，则需要自己添加 web.config。”

来源：Orchard CMS : Javascript file returns 404 not found even though it exists