Domanda

Ho iniziato a utilizzare Telerik Html.Grid oggi e ho già riscontrato un problema.Viene visualizzata la griglia stessa, ma basata su testo, quindi so che si tratta di un problema con il foglio di stile.Inoltre, ho seguito le istruzioni per l'uso con la documentazione.Li esaminerò e spiegherò cosa ho fatto, forse la mia interpretazione era sbagliata.

1)Apri un'applicazione ASP.NET MVC esistente in Visual Studio o creane una nuova. Fatto

2) Aggiungere un riferimento a Telerik.Web.Mvc.dll che si trova nella cartella Binaries del percorso di installazione di Telerik Extensions for ASP.NET MVC: Fatto

3)Registrare le estensioni Telerik per gli spazi dei nomi ASP.NET MVC: Fatto, ma ho usato import invece di add

<%@ Import Namespace="Telerik.Web.Mvc.UI" %>

4)Aggiungi i file JavaScript nella cartella Scripts della tua applicazione ASP.NET MVC. Fatto, ma essenzialmente gli script sono nella posizione Web/Scripts/2010.2.825 Ho anche inserito ScriptRegistrar alla fine della mia pagina .aspx

<div id="footer">
        <% Html.RenderPartial("SiteMasterFooter");%>
    </div>

    <div style="clear: both;"><!-- --></div>

    <%
           Html.Telerik().ScriptRegistrar().jQuery(false); 
    %>

5)Aggiungi i file CSS nella cartella Contenuto della tua applicazione ASP.NET MVC. Fatto.Stesso approccio del passaggio 4, la posizione è Mer/Contenuto/2010.2.825 Ho anche inserito il registrar del foglio di stile in testa alla pagina aspx

<%
        Html.Telerik().StyleSheetRegistrar()
                        .DefaultGroup(group => group.Add("telerik.common.css")
                                                    .Add("telerik.windows7.css")); 
    %>

6)Crea un controllo web di telerik Fatto.Non credo di poter rovinare tutto, ma ehi.

<%
                    Html.Telerik().Grid(Model.Manifests)
                        .Name("ManifestsGrid")
                        .DataKeys(keys =>
                                        {
                                            keys.Add(p => p.Id);
                                        })
                        .Columns(columns =>
                                    {
                                        columns.Bound(o => o.ManifestId).Width(150).Title(
                                            "Manifest #:");
                                        columns.Bound(o => o.Generator.CompanyName).Width(150).Title
                                            ("Company:");
                                        columns.Bound(o => o.GeneratorFieldOffice.FacilityName).
                                            Width(150).Title("Field Office:");
                                        columns.Bound(o => o.GeneratorFacility.FacilityName).Width(
                                            150).Title("Facility:");
                                    })
                        .Pageable(paging => paging.PageSize(10))
                        .Selectable()
                        .Scrollable()
                        .Render(); 

                %>

Quindi penso che il mio problema risieda nel modo in cui ho aggiunto i file di cui ho bisogno.Qualche input?

È stato utile?

Soluzione

L'ho risolto in realtà.Per chiunque legga questo, il problema è che seguo la guida alla lettera.E presta particolare attenzione a cosa contengono i tag <% %> :o = all'inizio o a ;alla fine.Se questo è troppo vago, pubblica una risposta a questa domanda e pubblicherò il mio codice.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top