[Solved] Server Detail Template and .Template Column in DetailsView

[Ashok]

I am following example of Server Detail Template. We have some questions:
1) Can we add grid inside DetailsView without Tabstrip?
2) Inside DetailsGrid, when we load another grid, can that Grid not have  column.BoundColumn().Template() or  column.BoundColumn().ClientTemplate()

Currently when we try to add column.BoundColumn().Template(@<a href=""..... />) we get compile error..

Any solution to have "<a href />" inside DetailsView Grid?

[Nikolay Rusev]

Hello Tejas,

This sample shows how to nest one grid into another using server binding. And this one demonstrates how to use templates.

Regards,
Nikolay
the Telerik team

[Ashok]

Nikolay,

You didn't get my question correctly. I followed demo application sample and user Server Detail Template. Inside Detail Template I want to add Template column and I get error:

Inline markup blocks (@<p>Content</p>) cannot be nested. Only one level of inline markup is allowed.

1) Is it possible to nest template column inside DetailView Grid?

[Nikolay Rusev]

Hello Tejas,

There is a blog post and documentation describing similar scenarios. For your convenience I am attaching sample project demonstrating sample implementations.

Greetings,
Nikolay
the Telerik team

[Ashok]

Awesome !! Sample helped me a lot.

1) I am using following code to loop thro' Grid -- $("#GridName tbody > tr, #GridName .t-grid-content tbody > tr").each(function (){ });
This was working fine, but since I have Detail column inside my Grid, this code breaks (my logic) after first iteration. How do I bypass looping thro' details view?

2) However it broke javascript code I wrote to find column index. Now, even though I get correct column index, I get wrong value. Any idea why?

Here is complete code of javascript:

function GetGridColumnIndexByName(grid, colName) {
    var columnIndex = -1;
    for (var i = 0; i < grid.columns.length; i++) {

        var col = grid.columns[i];
         if (col.member == colName) {
            columnIndex = i;  // This is the column you are looking for. Move along.
            break;
        }
    }

    return columnIndex;
}

$(function () {
    $('#btnSubmit').click(function () {
        $('#mask').height(document.body.scrollHeight + 'px');
        $('#mask').show();

        var grid = $('#GridName').data('tGrid');
        var indexOfIdColumn = GetGridColumnIndexByName(grid, "Id");

        var results = new Array();

        $("#GridName tbody > tr, #GridName .t-grid-content tbody > tr").each(function () {
            var tr = this;
            var cells = tr.cells;
            var dropdown = $(cells).find(".t-dropdown input").data("tDropDownList");


            if (dropdown) {
--------- Even though "Id" is at correct index, I get valur of previous index" -----------------
                alert("Id = " + cells[indexOfIdColumn + 1].innerHTML);
                alert("SelectedMatchStatusId = " + dropdown.value());

                //                var o = {
                //                    'EntityId': cells[indexOfIdColumn].innerHTML,
                //                    'SelectedMatchStatusId': dropdown.value()
                //                };
                //                results.push(o);
            }
            else {
                throw "Operations Submit Error" + JSON.stringify(cells);
            }
        });

[Atanas Korchev]

Hi Tejas,

 You can use the following selector to get the master rows only:

 

$("#GridName tbody > tr.t-master-row, #GridName .t-grid-content tbody > tr.t-master-
row")

Perhaps the column index is off by one because of the new column which is used to hold the toggle arrow for the detail view. You may need to add 1 to that index if you are using it to get the cell which corresponds to certain column.

Regards,
Atanas Korchev
the Telerik team

[Ashok]

Awesome !!!

Thanks for all help. You should think about producing some document or help around this.

Does Telerik has any 800 number for Support which we can reach in case we need some immediate assistance.

[Atanas Korchev]

Hi Tejas,

 Telerik currently does not provide phone support.

 To get guaranteed response within 24 working hours we recommend using our support ticketing system. Have in mind though that only licensed developers are able to open support tickets. You can ask your license holder to add you as a licensed developer using the Telerik 

Regards,
Atanas Korchev
the Telerik team