This is a migrated thread and some comments may be shown as answers.

[Solved] Insert/Delete Ajax bound actions not being called

5 Answers 93 Views
Grid
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Alastair Eddie
Top achievements
Rank 1
Alastair Eddie asked on 05 Nov 2010, 03:14 PM
Hi,

Have an Ajax bound grid in a partial view that renders fine and can be paged, sorted and filtered successfully using Ajax binding.

When I try and implement Delete and Insert functionality, the controller actions are not called. Instead the original HTTP Get action is called.

Using 2010.2.825

Partial View...

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<ArtifactListViewModel>" %>
  
<% Html.Telerik().Grid(Model.Artifacts)
        .Name("ArtifactsGrid")
        .HtmlAttributes(new { style = "margin-top: 15px; margin-bottom: 15px;" })
        .ToolBar(commands => commands.Insert().ButtonType(GridButtonType.ImageAndText).ImageHtmlAttributes(new { style = "margin-left:0" })) 
        .DataKeys(keys => keys.Add(k => k.ArtifactId))
        .DataBinding(dataBinding => dataBinding
            .Ajax()
                .Select("List_TelerikAjaxBinding", "Artifact", new { matrixRecordId = Model.MatrixRecordId })
                .Delete("Delete_TelerikAjaxBinding", "Artifact")                
                .Insert("Add_TelerikAjaxBinding", "Artifact") 
        )
        .Columns(columns =>
        {
            columns.Command(commands =>
            {
                commands.Delete().ButtonType(GridButtonType.Text);
            }).Width(100);
            columns.Bound(o => o.Hyperlink).Encoded(false).Filterable(false).Sortable(false).Title("").Width(30);            
            columns.Bound(o => o.ArtifactType).Title("Type").Width(260);
            columns.Bound(o => o.ArtifactStatus).Title("Status").Width(100);
            columns.Bound(o => o.ReceiptDate).Title("Receipt Date/Time").Format("{0:dd/MM/yy HH:mm}").Width(180);
            columns.Bound(o => o.Author).Title("Author").Width(200);
            columns.Bound(o => o.VersionNumber).Title("Version").Width(80);
            columns.Bound(o => o.TargetCompletionDate).Title("Target Completion Date").Format("{0:dd/MM/yy}").Width(180);
            columns.Bound(o => o.ActualCompletionDate).Title("Actual Completion Date").Format("{0:dd/MM/yy}").Width(180);
        })
        .Editable(editing => editing.Enabled(true).Mode(GridEditMode.PopUp).DisplayDeleteConfirmation(true))
        .Scrollable()
        .Resizable(resizing => resizing.Columns(true))
        .Sortable(sorting => sorting 
            .OrderBy(sortOrder => sortOrder.Add(o => o.ReceiptDate).Descending()))
        .Filterable()
        .Pageable(paging => paging.PageSize(20)) 
        .Render();
%>

Controller...

//
// GET: /Artifact/List/1
public ActionResult List(int matrixRecordId)
{
    return PartialView(this._List(matrixRecordId));
}
 
// Used for the Ajax binding from Telerik Grid (sorting, paging, filtering requests)
[GridAction]
public ActionResult List_TelerikAjaxBinding(int matrixRecordId)
{
    return View(new GridModel() { Data = this._List(matrixRecordId).Artifacts });
}

/// <summary>
/// Setup the ViewModel with the queryable list of Artifacts
/// </summary>
/// <param name="matrixRecordId"></param>
/// <returns></returns>
private ArtifactListViewModel _List(int matrixRecordId)
{
    // create the View Model
    ArtifactListViewModel model = new ArtifactListViewModel();

    // want to retrieve meaningful data for related properties so specify the properties to eager load
    string[] propertiesToEagerLoad = new string[] { "ArtifactType", "ArtifactStatus", "Author" };
    IEnumerable<Artifact> artifacts = this._artifactRepository.List(
        propertiesToEagerLoad,
        where => where.MatrixRecord.MatrixRecordId == matrixRecordId);
    List<ArtifactListAtrifact> modelArtifacts = new List<ArtifactListAtrifact>();
    foreach (Artifact artifact in artifacts)
    {
        modelArtifacts.Add(new ArtifactListAtrifact()
        {
            ArtifactId = artifact.ArtifactId,
            ArtifactStatus = artifact.ArtifactStatus.ShortName,
            ArtifactType = artifact.ArtifactType.ShortName,
            Author = string.Format("{0} {1}", artifact.Author.FirstName.Trim(), artifact.Author.Surname.Trim()).Trim(),
            ReceiptDate = artifact.ReceiptDate,
            VersionNumber = artifact.VersionNumber,
            Hyperlink = this.GetIconForHyperlink(artifact.Hyperlink),
            TargetCompletionDate = artifact.TargetCompletionDate,
            ActualCompletionDate = artifact.ActualCompletionDate
        });
    }
    model.Artifacts = modelArtifacts;
    model.MatrixRecordId = matrixRecordId;
    model.IsGeneralUser = Roles.IsUserInRole(RoleNames.GeneralUser);
    model.IsAuthorisedUser = Roles.IsUserInRole(RoleNames.AuthorisedUser);
    model.IsSuperUser = Roles.IsUserInRole(RoleNames.SuperUser);
    
    return model;
}

[HttpPost]
[GridAction]
public ActionResult Delete_TelerikAjaxBinding(int id)
{
    this._artifactRepository.DeleteById(id);
 
    // rebind the grid
    return View(new GridModel() { Data = this._List(52).Artifacts });
}

[HttpPost]
[GridAction]
public ActionResult Add_TelerikAjaxBinding()
{
    Artifact artifact = new Artifact();

    //Perform model binding (fill the product properties and validate it). 
    if (TryUpdateModel(artifact))
    {
        this._artifactRepository.Add(artifact);
    }

    // rebind the grid
    return View(new GridModel() { Data = this._List(52).Artifacts });
}

View that hosts the partial view...

<%--this view hosts partial views loaded by AJAX. Telerik scripts used within these partials
must be manually loaded (in the right order) in the containing view (i.e. here)
--%>
<% Html.Telerik().ScriptRegistrar().DefaultGroup(group => group
       .Add("telerik.common.min.js")
       .Add("telerik.calendar.min.js")
       .Add("telerik.datepicker.min.js")
       .Add("telerik.textbox.min.js")
       .Add("telerik.grid.min.js")
       .Add("telerik.draganddrop.min.js")
       .Add("telerik.grid.grouping.min.js")
       .Add("telerik.grid.filtering.min.js")
       .Add("telerik.grid.resizing.min.js")
       .Add("telerik.grid.editing.min.js")
       .Add("telerik.window.min.js")
       );
%>
  
</asp:Content>

When I click on the Insert or Delete buttons, the HTTP Get List action is called instead of the Ajax action methods.

I have ensured I'm using v1.7 of the jquery validate library (as per a previous post that seemed related).

Any ideas?

Thanks,

Alastair

5 Answers, 1 is accepted

Sort by
0
Atanas Korchev
Telerik team
answered on 05 Nov 2010, 03:42 PM
Hi Alastair Eddie,

 This problem can occur if there is a JavaScript error or a JavaScript file is not included. In your case you have enabled popup editing which requires two additional JavaScript files because of the window being used - telerik.draganddrop.min.js and telerik.window.min.js. Please try including those as well.

Regards,
Atanas Korchev
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Alastair Eddie
Top achievements
Rank 1
answered on 05 Nov 2010, 03:59 PM
Hi Atanas,

Yes, those files are are included - see the list of javascript files above.

Thanks,

Al
0
Atanas Korchev
Telerik team
answered on 05 Nov 2010, 04:06 PM
Hi Alastair Eddie,

 You are right. I didn't see them initially. A file which I don't see included is jquery.validate.min.js. Do you include it elsewhere? If not please try including it it before telerik.common.js. Let me know how it goes.

All the best,

Atanas Korchev
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Alastair Eddie
Top achievements
Rank 1
answered on 05 Nov 2010, 04:51 PM
Hi,

Added the validate library but same problem. I've included the View-Source below if you wouldn't mind checking the script files.
Thanks,

Al

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  
<head id="ctl00_Head1"><title>
      
    Portfolio Details
  
</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link rel="shortcut icon" type="image/x-icon" href="/Content/images/favicon.ico" /><link href="/Content/style.css" rel="stylesheet" type="text/css" media="screen" />
  
  
    <script src="/Scripts/MicrosoftAjax.js" type="text/javascript"></script>
    <script src="/Scripts/MicrosoftMvcValidation.js" type="text/javascript"></script>
  
      
    <link type="text/css" href="/Content/2010.2.825/telerik.common.min.css" rel="stylesheet"/>
<link type="text/css" href="/Content/2010.2.825/telerik.telerik.min.css" rel="stylesheet"/>
</head>
  
<body>
  
    <div id="header">
        <a class="homelogo" href="/Home/Index" title="The Matrix home page"></a>
      
        <div id="navigation">
            <ul id="mainmenu">
                <li><a class="borderonly"></a></li>
                <li><a href="/Administration/Index"><span class="upper"> </span><br/><span class="lower">Administration</span></a></li>
                <li><a href="/Report/Index"><span class="upper"> </span><br/><span class="lower">Reporting</span></a></li>
                <li><a href="/Estimate/Index"><span class="upper"> </span><br/><span class="lower">Estimates</span></a></li>
                <li><a href="/OrganisationStructure/Index"><span class="upper">People, Applications</span><br/><span class="lower">& Organisation</span></a></li>
                <li><a href="/Engagement/Index"><span class="upper">Engagement</span><br/><span class="lower">Requests</span></a></li>
                <li><a href="/Hierarchy/Index"><span class="upper">Portfolio & Project</span><br/><span class="lower">Management</span></a></li>
                <li><a href="/Home/Index"><span class="upper">The Matrix</span><br/><span class="lower">Home</span></a></li>
            </ul>
        </div>
    </div>
  
    <div id="content-top1"></div>
      
    <div id="content1">
  
            <div id="contentcol1">
                <div id="panelbar">
                    <ul class="t-widget t-panelbar t-reset" id="PanelBar"><li class="t-item t-state-active"><a class="t-link t-header" href="#PanelBar-1"><img alt="Hierarchy" class="t-image" src="/Content/Images/icon-hierarchy-small.gif" style="height:18px; width:18px;" />Hierarchy<span class="t-icon t-arrow-up t-panelbar-collapse"></span></a><div class="t-content" id="PanelBar-1"><div class="t-widget t-treeview t-reset" id="TreeView" style="width:100%; font-size:.85em; margin-top:5px; margin-bottom:0px; margin-left:0px; margin-right:0px;"><ul class="t-group t-treeview-lines"><li class="t-item t-first"><div class="t-top"><span class="t-icon t-plus"></span><a class="t-link t-in t-state-selected" href="/Portfolio/Details/1"><img alt="image" class="t-image" src="/Content/Images/icon-portfolio.gif" />Als Portfolio</a><input class="t-input" name="itemValue" type="hidden" value="1" /></div><ul class="t-group" style="display:none"><li class="t-item"><div class="t-top"><a class="t-link t-in" href="/Programme/Details/1"><img alt="image" class="t-image" src="/Content/Images/icon-programme.gif" />BBC1</a><input class="t-input" name="itemValue" type="hidden" value="1" /></div></li><li class="t-item t-last"><div class="t-bot"><a class="t-link t-in" href="/Programme/Details/17"><img alt="image" class="t-image" src="/Content/Images/icon-programme.gif" />gfhgfhgfgf</a><input class="t-input" name="itemValue" type="hidden" value="17" /></div></li></ul></li><li class="t-item"><div class="t-mid"><a class="t-link t-in" href="/Portfolio/Details/12"><img alt="image" class="t-image" src="/Content/Images/icon-portfolio.gif" />BigAls</a><input class="t-input" name="itemValue" type="hidden" value="12" /></div></li><li class="t-item"><div class="t-mid"><span class="t-icon t-plus"></span><a class="t-link t-in" href="/Portfolio/Details/5"><img alt="image" class="t-image" src="/Content/Images/icon-portfolio.gif" />Dels Portfolio</a><input class="t-input" name="itemValue" type="hidden" value="5" /></div><ul class="t-group" style="display:none"><li class="t-item"><div class="t-top"><span class="t-icon t-plus"></span><a class="t-link t-in" href="/Programme/Details/18"><img alt="image" class="t-image" src="/Content/Images/icon-programme.gif" />big programme</a><input class="t-input" name="itemValue" type="hidden" value="18" /></div><ul class="t-group" style="display:none"><li class="t-item"><div class="t-top"><span class="t-icon t-plus"></span><a class="t-link t-in" href="/Project/Details/18"><img alt="image" class="t-image" src="/Content/Images/icon-project.gif" />qwerty</a><input class="t-input" name="itemValue" type="hidden" value="18" /></div><ul class="t-group" style="display:none"><li class="t-item t-last"><div class="t-top t-bot"><a class="t-link t-in" href="/ProjectTranche/Details/18"><img alt="image" class="t-image" src="/Content/Images/icon-projecttranche.gif" />yuiop</a><input class="t-input" name="itemValue" type="hidden" value="18" /></div></li></ul></li><li class="t-item t-last"><div class="t-bot"><a class="t-link t-in" href="/Project/Details/17"><img alt="image" class="t-image" src="/Content/Images/icon-project.gif" />yuiop</a><input class="t-input" name="itemValue" type="hidden" value="17" /></div></li></ul></li><li class="t-item t-last"><div class="t-bot"><a class="t-link t-in" href="/Programme/Details/19"><img alt="image" class="t-image" src="/Content/Images/icon-programme.gif" />programme to move</a><input class="t-input" name="itemValue" type="hidden" value="19" /></div></li></ul></li><li class="t-item"><div class="t-mid"><a class="t-link t-in" href="/Portfolio/Details/11"><img alt="image" class="t-image" src="/Content/Images/icon-portfolio.gif" />ggg</a><input class="t-input" name="itemValue" type="hidden" value="11" /></div></li><li class="t-item"><div class="t-mid"><span class="t-icon t-plus"></span><a class="t-link t-in" href="/Portfolio/Details/9"><img alt="image" class="t-image" src="/Content/Images/icon-portfolio.gif" />Glens Portfolio</a><input class="t-input" name="itemValue" type="hidden" value="9" /></div><ul class="t-group" style="display:none"><li class="t-item t-last"><div class="t-top t-bot"><span class="t-icon t-plus"></span><a class="t-link t-in" href="/Programme/Details/9"><img alt="image" class="t-image" src="/Content/Images/icon-programme.gif" />Programme1</a><input class="t-input" name="itemValue" type="hidden" value="9" /></div><ul class="t-group" style="display:none"><li class="t-item"><div class="t-top"><span class="t-icon t-plus"></span><a class="t-link t-in" href="/Project/Details/12"><img alt="image" class="t-image" src="/Content/Images/icon-project.gif" />fsdf</a><input class="t-input" name="itemValue" type="hidden" value="12" /></div><ul class="t-group" style="display:none"><li class="t-item t-last"><div class="t-top t-bot"><a class="t-link t-in" href="/ProjectTranche/Details/15"><img alt="image" class="t-image" src="/Content/Images/icon-projecttranche.gif" />gjh gjhg jhg jhg jhg jhg ghgjhhg hhgjhg</a><input class="t-input" name="itemValue" type="hidden" value="15" /></div></li></ul></li><li class="t-item t-last"><div class="t-bot"><span class="t-icon t-plus"></span><a class="t-link t-in" href="/Project/Details/10"><img alt="image" class="t-image" src="/Content/Images/icon-project.gif" />Project 1</a><input class="t-input" name="itemValue" type="hidden" value="10" /></div><ul class="t-group" style="display:none"><li class="t-item t-last"><div class="t-top t-bot"><span class="t-icon t-plus"></span><a class="t-link t-in" href="/ProjectTranche/Details/13"><img alt="image" class="t-image" src="/Content/Images/icon-projecttranche.gif" />TrancheGP</a><input class="t-input" name="itemValue" type="hidden" value="13" /></div><ul class="t-group" style="display:none"><li class="t-item"><div class="t-top"><span class="t-icon t-plus"></span><a class="t-link t-in" href="/OrganisationalUnitImpact/Details/7"><img alt="image" class="t-image" src="/Content/Images/icon-workobject.gif" />org to delete</a><input class="t-input" name="itemValue" type="hidden" value="7" /></div><ul class="t-group" style="display:none"><li class="t-item t-last"><div class="t-top t-bot"><a class="t-link t-in" href="/WorkObject/Details/3"><img alt="image" class="t-image" src="/Content/Images/icon-workobject.gif" />delete</a><input class="t-input" name="itemValue" type="hidden" value="3" /></div></li></ul></li><li class="t-item t-last"><div class="t-bot"><span class="t-icon t-plus"></span><a class="t-link t-in" href="/OrganisationalUnitImpact/Details/2"><img alt="image" class="t-image" src="/Content/Images/icon-workobject.gif" />test</a><input class="t-input" name="itemValue" type="hidden" value="2" /></div><ul class="t-group" style="display:none"><li class="t-item t-last"><div class="t-top t-bot"><a class="t-link t-in" href="/WorkObject/Details/2"><img alt="image" class="t-image" src="/Content/Images/icon-workobject.gif" />work1</a><input class="t-input" name="itemValue" type="hidden" value="2" /></div></li></ul></li></ul></li></ul></li></ul></li></ul></li><li class="t-item t-last"><div class="t-bot"><span class="t-icon t-plus"></span><a class="t-link t-in" href="/Portfolio/Details/10"><img alt="image" class="t-image" src="/Content/Images/icon-portfolio.gif" />xxx</a><input class="t-input" name="itemValue" type="hidden" value="10" /></div><ul class="t-group" style="display:none"><li class="t-item"><div class="t-top"><span class="t-icon t-plus"></span><a class="t-link t-in" href="/Programme/Details/7"><img alt="image" class="t-image" src="/Content/Images/icon-programme.gif" />hhh</a><input class="t-input" name="itemValue" type="hidden" value="7" /></div><ul class="t-group" style="display:none"><li class="t-item"><div class="t-top"><span class="t-icon t-plus"></span><a class="t-link t-in" href="/Project/Details/8"><img alt="image" class="t-image" src="/Content/Images/icon-project.gif" />aaaa</a><input class="t-input" name="itemValue" type="hidden" value="8" /></div><ul class="t-group" style="display:none"><li class="t-item t-last"><div class="t-top t-bot"><a class="t-link t-in" href="/ProjectTranche/Details/6"><img alt="image" class="t-image" src="/Content/Images/icon-projecttranche.gif" />a</a><input class="t-input" name="itemValue" type="hidden" value="6" /></div></li></ul></li><li class="t-item"><div class="t-mid"><a class="t-link t-in" href="/Project/Details/5"><img alt="image" class="t-image" src="/Content/Images/icon-project.gif" />ggg</a><input class="t-input" name="itemValue" type="hidden" value="5" /></div></li><li class="t-item"><div class="t-mid"><a class="t-link t-in" href="/Project/Details/3"><img alt="image" class="t-image" src="/Content/Images/icon-project.gif" />hgh</a><input class="t-input" name="itemValue" type="hidden" value="3" /></div></li><li class="t-item t-last"><div class="t-bot"><a class="t-link t-in" href="/Project/Details/4"><img alt="image" class="t-image" src="/Content/Images/icon-project.gif" />vvv</a><input class="t-input" name="itemValue" type="hidden" value="4" /></div></li></ul></li><li class="t-item"><div class="t-mid"><span class="t-icon t-plus"></span><a class="t-link t-in" href="/Programme/Details/3"><img alt="image" class="t-image" src="/Content/Images/icon-programme.gif" />purple portfolio</a><input class="t-input" name="itemValue" type="hidden" value="3" /></div><ul class="t-group" style="display:none"><li class="t-item t-last"><div class="t-top t-bot"><span class="t-icon t-plus"></span><a class="t-link t-in" href="/Project/Details/2"><img alt="image" class="t-image" src="/Content/Images/icon-project.gif" />plum project</a><input class="t-input" name="itemValue" type="hidden" value="2" /></div><ul class="t-group" style="display:none"><li class="t-item"><div class="t-top"><span class="t-icon t-plus"></span><a class="t-link t-in" href="/ProjectTranche/Details/3"><img alt="image" class="t-image" src="/Content/Images/icon-projecttranche.gif" />al</a><input class="t-input" name="itemValue" type="hidden" value="3" /></div><ul class="t-group" style="display:none"><li class="t-item t-last"><div class="t-top t-bot"><span class="t-icon t-plus"></span><a class="t-link t-in" href="/OrganisationalUnitImpact/Details/1"><img alt="image" class="t-image" src="/Content/Images/icon-workobject.gif" />new app required</a><input class="t-input" name="itemValue" type="hidden" value="1" /></div><ul class="t-group" style="display:none"><li class="t-item"><div class="t-top"><a class="t-link t-in" href="/WorkObject/Details/6"><img alt="image" class="t-image" src="/Content/Images/icon-workobject.gif" />a bit of writing</a><input class="t-input" name="itemValue" type="hidden" value="6" /></div></li><li class="t-item t-last"><div class="t-bot"><a class="t-link t-in" href="/WorkObject/Details/7"><img alt="image" class="t-image" src="/Content/Images/icon-workobject.gif" />Do GUI</a><input class="t-input" name="itemValue" type="hidden" value="7" /></div></li></ul></li></ul></li><li class="t-item t-last"><div class="t-bot"><span class="t-icon t-plus"></span><a class="t-link t-in" href="/ProjectTranche/Details/11"><img alt="image" class="t-image" src="/Content/Images/icon-projecttranche.gif" />spiffing new tranche</a><input class="t-input" name="itemValue" type="hidden" value="11" /></div><ul class="t-group" style="display:none"><li class="t-item t-last"><div class="t-top t-bot"><a class="t-link t-in" href="/OrganisationalUnitImpact/Details/13"><img alt="image" class="t-image" src="/Content/Images/icon-workobject.gif" />New low impact</a><input class="t-input" name="itemValue" type="hidden" value="13" /></div></li></ul></li></ul></li></ul></li><li class="t-item t-last"><div class="t-bot"><a class="t-link t-in" href="/Programme/Details/5"><img alt="image" class="t-image" src="/Content/Images/icon-programme.gif" />yyy</a><input class="t-input" name="itemValue" type="hidden" value="5" /></div></li></ul></li></ul></div>
            </div></li><li class="t-item t-state-default"><a class="t-link t-header" href="#PanelBar-2"><img alt="Search" class="t-image" src="/Content/Images/search_16.gif" />Search<span class="t-icon t-arrow-down t-panelbar-expand"></span></a><div class="t-content" id="PanelBar-2" style="display:none">
               <p>
                    Enter some search criteria
                </p>                
            </div></li></ul>
                </div>
            </div>
            <div id="contentcol2">
                <div id="contentright">
                      
      
    <h3>
        <img alt="Portfolio" src="../../Content/images/icon-portfolio35.gif" align="bottom" style="padding:0 0.5em 0 0" />
        The Als Portfolio Portfolio
    </h3>
      
    <div class="t-widget t-tabstrip t-header" id="TabStrip"><ul class="t-reset t-tabstrip-items"><li class="t-item t-state-default t-state-active"><a class="t-link" href="#TabStrip-1"><img alt="image" class="t-image" src="/Content/images/icon-portfolio.gif" />Details</a></li><li class="t-item t-state-default"><a class="t-link" href="/Programme/ListByPortfolio?portfolioId=1"><img alt="image" class="t-image" src="/Content/images/icon-programme.gif" />Programmes</a></li><li class="t-item t-state-default"><a class="t-link" href="/Artifact/List?matrixRecordId=52"><img alt="image" class="t-image" src="/Content/images/notes_16.gif" />Artefacts</a></li><li class="t-item t-state-default"><a class="t-link" href="#TabStrip-4"><img alt="image" class="t-image" src="/Content/images/notes_16.gif" />Notes</a></li><li class="t-item t-state-default"><a class="t-link" href="#TabStrip-5"><img alt="image" class="t-image" src="/Content/images/history_16.gif" />History</a></li></ul><div class="t-content t-state-active" id="TabStrip-1" style="display:block"
                      
                        <fieldset>
                          
                            <div class="display-label">
                                <label for="Portfolio_Name">Name</label>
                            </div>
                            <div class="display-field">
                                Als Portfolio
                            </div>
                              
                        </fieldset>
                          
                        <fieldset>    
                          
                            <div class="display-label">
                                <label for="Portfolio_Description">Description</label>
                            </div>
                            <div class="display-field">
                                Als Portfolio
                            </div>
  
                        </fieldset>
                          
                        <fieldset>    
  
                            <div class="display-label">
                                <label for="Portfolio_AccessControlLevel">Access Control Level</label>
                            </div>
                            <div class="display-field">
                                1
                            </div>
                              
                        </fieldset>
                          
                          
                        </div><div class="t-content" id="TabStrip-2"></div><div class="t-content" id="TabStrip-3"></div><div class="t-content" id="TabStrip-4"
                        <fieldset>
                      
  
  
                        </fieldset>
                          
                          
                        </div><div class="t-content" id="TabStrip-5"
                      
                        <fieldset>
                      
                            <div class="t-widget t-grid" id="AuditGrid"><div class="t-grid-header"><div class="t-grid-header-wrap"><table cellspacing="0"><colgroup><col style="width:140px" /><col style="width:140px" /><col /></colgroup><tr><th class="t-header" scope="col">Modified Date Time</th><th class="t-header" scope="col">Modified By</th><th class="t-last-header t-header" scope="col">Description</th></tr></table></div></div><div class="t-grid-content" style="height:200px"><table cellspacing="0"><colgroup><col style="width:140px" /><col style="width:140px" /><col /></colgroup><tbody><tr class="t-no-data"><td colspan="3"></td></tr></tbody></table></div></div>
  
                        </fieldset>
  
                      
                    </div></div>
                </div>
            </div>
          
            <div class="clear"> </div>
    </div>
      
    <div id="content-bottom1"></div>
  
    <div id="footer"></div>          
              
    <script type="text/javascript" src="/Scripts/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="/Scripts/main.js"></script>
    <!--[if lte IE 6]><script type="text/javascript" src="/Scripts/lib.iepng.js"></script><script type="text/javascript" src="/Scripts/ie6.js"></script><![endif]-->
  </body>
  
    <script type="text/javascript" src="/Scripts/2010.2.825/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="/Scripts/2010.2.825/jquery.validate.min.js"></script>
<script type="text/javascript" src="/Scripts/2010.2.825/telerik.common.min.js"></script>
<script type="text/javascript" src="/Scripts/2010.2.825/telerik.calendar.min.js"></script>
<script type="text/javascript" src="/Scripts/2010.2.825/telerik.datepicker.min.js"></script>
<script type="text/javascript" src="/Scripts/2010.2.825/telerik.textbox.min.js"></script>
<script type="text/javascript" src="/Scripts/2010.2.825/telerik.grid.min.js"></script>
<script type="text/javascript" src="/Scripts/2010.2.825/telerik.draganddrop.min.js"></script>
<script type="text/javascript" src="/Scripts/2010.2.825/telerik.grid.grouping.min.js"></script>
<script type="text/javascript" src="/Scripts/2010.2.825/telerik.grid.filtering.min.js"></script>
<script type="text/javascript" src="/Scripts/2010.2.825/telerik.grid.resizing.min.js"></script>
<script type="text/javascript" src="/Scripts/2010.2.825/telerik.grid.editing.min.js"></script>
<script type="text/javascript" src="/Scripts/2010.2.825/telerik.window.min.js"></script>
<script type="text/javascript" src="/Scripts/2010.2.825/telerik.panelbar.min.js"></script>
<script type="text/javascript" src="/Scripts/2010.2.825/telerik.treeview.min.js"></script>
<script type="text/javascript" src="/Scripts/2010.2.825/telerik.tabstrip.min.js"></script>
<script type="text/javascript" src="/Scripts/jquery.cookie.js"></script>
<script type="text/javascript">
//<![CDATA[
jQuery(document).ready(function(){
jQuery('#PanelBar').tPanelBar({expandMode:1});
jQuery('#TreeView').tTreeView();
jQuery('#TabStrip').tTabStrip();
jQuery('#AuditGrid').tGrid({columns:[{"title":"Modified Date Time","member":"ModifiedDateTime","type":"Date"},{"title":"Modified By","member":"ModifiedBy","type":"String"},{"title":"Description","member":"Description","type":"String"}], urlFormat:'/Portfolio/Details/1', pageSize:0});});
//]]>
</script>
      
</html>
0
Atanas Korchev
Telerik team
answered on 05 Nov 2010, 05:05 PM
Hello Alastair Eddie,

There are two things which I find problematic in your code:

  1. jQuery is included twice
  2. Some JavaScript files are output after the <body> tag is closed which may not be legal.

I will need a sample project in order to be more specific. You can open a support ticket to send me a project.

Regards,

Atanas Korchev
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
Grid
Asked by
Alastair Eddie
Top achievements
Rank 1
Answers by
Atanas Korchev
Telerik team
Alastair Eddie
Top achievements
Rank 1
Share this question
or