0

Telerik グリッドの実装で「JQuery undefined」という JavaScript エラーが発生します。同じ理由がわかりません。可能なすべての JQuery ファイルを含めましたが、それでも Javascript エラーが発生します。

以下は私が実装したサンプルコードです。

<script src="@Url.Content("~/Scripts/jquery-1.7.1.js")" type="text/javascript"></script>

@(Html.Telerik().Grid(Model.Employee)
                                                    .HtmlAttributes(new { style = "width:100%;" })
                                                .Name("Employee")
                                                .DataKeys(keys =>
                                                {
                                                    keys.Add(m => Id);

                                                })

                                                .Columns(columns =>
                                                {

                                                    columns.Bound(p => p.Name).Title("Name")
                                                        .HeaderHtmlAttributes(new { width = "110px", style = "text-align:center;font-weight:bold;height:auto" })
                                                    .HtmlAttributes(new { width = "110px", style = "text-align:left;height:auto" });
                                                    columns.Bound(p => p.ReportedStatus).ClientTemplate("<#= ReportedStatus(data) #>").Title("Reported")
                                                         .HeaderHtmlAttributes(new { width = "130px", style = "text-align:center;font-weight:bold;height:auto" })
                                                    .HtmlAttributes(new { width = "130px", style = "text-align:center;height:auto" });
                                                    columns.Bound(p => p.status).Title("status").ClientTemplate("<#=status(data) #>")
                                                        .HeaderHtmlAttributes(new { width = "130px", style = "text-align:center;font-weight:bold;height:auto" })
                                                    .HtmlAttributes(new { width = "130px", style = "text-align:center;height:auto" });
                                                    columns.Bound(p => p.Hrs).Title("Hrs")
                                                        .HeaderHtmlAttributes(new { width = "150px", style = "text-align:center;font-weight:bold;height:auto" })
                                                    .HtmlAttributes(new { width = "150px", style = "text-align:center;height:auto" });
                                                    columns.Bound(l => l.Location).ClientTemplate("<#= Location(data) #>").Title("Location")
                                                         .HeaderHtmlAttributes(new { width = "200px", style = "text-align:center;font-weight:bold;height:auto" })
                                                    .HtmlAttributes(new { width = "200px", style = "text-align:center;height:auto" });
                                                    columns.Bound(l => l.Role).ClientTemplate("<#= Role(data) #>").Title("Role")
                                                        .HeaderHtmlAttributes(new { width = "150px", style = "text-align:center;font-weight:bold;height:auto" })
                                                    .HtmlAttributes(new { width = "150px", style = "text-align:center;height:auto" });

                                                }).Footer(false)
                                                                          )
<script type="text/javascript" src="@Url.Content("~/Scripts/telerik.common.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/telerik.textbox.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/telerik.grid.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.validate.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/telerik.draganddrop.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/telerik.window.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/telerik.grid.editing.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/telerik.upload.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/telerik.menu.js")"></script>

@(Html.Telerik().ScriptRegistrar()
                 .jQuery(false)
                 .DefaultGroup(group => group
                 .Add("telerik.examples.min.js")
                 .Add("telerik.grid.js")
                 .Compress(false)
                 .Combined(true))
                 .OnDocumentReady(
                 @<text> prettyPrint();
</text>)
)

この JQuery エラーのためにここで何をしているのか教えてください。

前もって感謝します、 Maanoj

4

1 に答える 1

0

ファイルが正しく含まれていないようです。文字列内に二重引用符がある場合、パーサーはそれを文字列の末尾と見なし、文字列を適切に解釈しません。それらをエスケープするか、代わりに単一の引用符を内部で使用する必要があります..

それ以外の

src="@Url.Content("~/Scripts/jquery-1.7.1.js")"

試す

src="@Url.Content('~/Scripts/jquery-1.7.1.js')"

         OR
src="@Url.Content(\"~/Scripts/jquery-1.7.1.js\")"

二重引用符をエスケープすることで同じことを達成することもできます。これは、パーサーが " " の間にある文字列の末尾であると判断する可能性があるためです。

于 2012-10-08T08:26:06.413 に答える