Javascript 如何在ASP.NET Razor页面项目中使用Sencha ExtWebComponents？

我希望能够在Razor页面应用程序中使用Sencha ExtWebcomponents中的按钮和其他UI元素。例如，我希望

Index.cshtml

看起来像

@using WebMatrix.Data;

@{
Layout = "../Shared/Index.cshtml";
}

<script>
    Ext.create('Ext.Container', {
        fullscreen: true,
        padding: 10,
        items: {
            xtype: 'button',
            text: text,
            handler: handler
        }
    });
</script>

然后在主布局中，我将

@Scripts.Render("~/Scripts/extwc_scripts/ExtWCBundle")

你能告诉我正确的方法吗？

那实际上不是剃须刀页面。这是旧的框架。如果你有选择并且正在学习的话，我会推荐你浏览网页，现在已经有7年没有开发了

无论是网页还是刮胡刀页面，您遇到的问题都可能是相同的。当您在特定页面中包含脚本时，应在

@部分中指定“脚本”名称。这样，它将在库脚本之后包含在布局页面中，库脚本应该包含在布局页面中的
RenderSection（“脚本”）
调用之前：

@using WebMatrix.Data;

@{
Layout = "../Shared/Index.cshtml";
}

@section scripts{
<script>
    Ext.create('Ext.Container', {
        fullscreen: true,
        padding: 10,
        items: {
            xtype: 'button',
            text: text,
            handler: handler
        }
    });
</script>
}

@使用WebMatrix.Data；
@{
Layout=“../Shared/Index.cshtml”；
}
@节脚本{
Ext.create（'Ext.Container'{
全屏：对，
填充：10，
项目：{
xtype:'按钮'，
文本：文本，
处理程序：处理程序
}
});
}

@using WebMatrix.Data;

@{
Layout = "../Shared/Index.cshtml";
}

@section scripts{
<script>
    Ext.create('Ext.Container', {
        fullscreen: true,
        padding: 10,
        items: {
            xtype: 'button',
            text: text,
            handler: handler
        }
    });
</script>
}