Hello Pedro,

This is unknown issue. Could you provide a snippet with the code you are using so I can check the exact setup?

Regards,
Daniel
the Telerik team

Hi Daniel,
Here is one of the pieces of code that cause it:

grid.DetailView(ordersDetailView => ordersDetailView.ClientTemplate(        
            Html.Telerik().Grid<LPAMSSiteModel.Property>()
              .Name("Properties_<#= LoanID #>")
              .Columns(columns =>
              {
                columns.Bound(p => p.Name).Title("Property Name").Width(233).ClientTemplate(
                  Html.ActionLink("<#= Name #>", "Details", "Property", new { id = "<#= PropertyID #>" }, null).ToString());
                columns.Bound(p => p.Type).Width(150);
                columns.Bound(p => p.FullAddress).Title("Address");
                columns.Bound(p => p.LoanCount).Title("Loan Count").Width(100).HtmlAttributes(new { style = "text-align:right" });
              })
              .DataBinding(dataBinding => dataBinding.Ajax()
              .Select("_PropertiesHierarchyAjax", "Property", new { id = "<#= LoanID #>" }))
              .Sortable()
              .Footer(false)
              .ToHtmlString()
              )
            );

Thanks,
Pedro.

Hello again Pedro,

The code you sent seems correct and I am still unable to reproduce the problem locally. Therefore, I will appreciate if you could provide a small runnable project so I can check the exact setup.

Kind regards,
Daniel
the Telerik team

Hi,
Unfortunatelly, I cannot send our entire project.
The weird thing is that there 2 other developers working with me on this project and we are sharing the same source (through TFS) and neither of them has this problem. We are all using similar machines with Windows 7 64-bit.

Is there any debugging that I can do on my end to try and nail the problem. I think I know which Telerik script file is handling this conversion, but I am not sure how to get into that code.

Thanks,
Pedro.

Hello Pedro,

This is strange indeed.
The actual function which handles the evaluation is anonymous and is created when initializing the Grid columns. You could try to use an unminified version of the telerik.grid.js file and debug the code which handles the detail expansion. I attached a sample project with a breakpoint placed in the detail expansion handler. I hope it helps.

Greetings,
Daniel
the Telerik team

Hi Daniel,
Thanks for the quick response.
I am out of the office this week but will try to remote in and give the test project a shot. If I can't make it, I will try first thing Monday morning.

Thanks again,
Pedro.

Hi Daniel,
I tried running the sample and got this error:
The database 'C:\TEMP\CLIENTEXPRESSIONINHIERARCHY\APP_DATA\LOANSDB.MDF' cannot be opened because it is version 661. This server supports version 655 and earlier. A downgrade path is not supported.
Could not open new database 'C:\TEMP\CLIENTEXPRESSIONINHIERARCHY\APP_DATA\LOANSDB.MDF'. CREATE DATABASE is aborted.
An attempt to attach an auto-named database for file C:\Temp\ClientExpressionInHierarchy\App_Data\LoansDB.mdf failed. A database with the same name exists, or specified file cannot be opened, or it is located on UNC share.

Which version of SQL Server is this for?

Thanks,
Pedro.

Hello Pedro,

I used SQL Server 2008 R2 for the database in the project. You could either create your own database based on the schema or update your version to avoid the problem. Another option is to mock the data in the Select action methods. 

Kind regards,
Daniel
the Telerik team

Hi Daniel,
Finally figured out the problem with the database. I had a mix of 2008 and 2008 R2 on my machine. Cleaned up the 2008 and was able to run the test app.

I get the  same behavior as with our code here is the Fiddler output for the request, as you can see, the ID is not being parsed correctly:
POST /Home/_PropertiesHierarchyAjax/%3C%23%3d%20LoanID%20%23%3E HTTP/1.1
Host: localhost:3796
Connection: keep-alive
Content-Length: 6
Origin: http://localhost:3796
X-Requested-With: XMLHttpRequest
User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/535.11 (KHTML, like Gecko) Chrome/17.0.963.79 Safari/535.11
Content-Type: application/x-www-form-urlencoded
Accept: text/plain, */*; q=0.01
Referer: http://localhost:3796/
Accept-Encoding: gzip,deflate,sdch
Accept-Language: en-US,es;q=0.8
Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.3

page=1
HTTP/1.1 400 Bad Request
Server: ASP.NET Development Server/10.0.0.0
Date: Tue, 20 Mar 2012 19:03:00 GMT
Content-Length: 1209
Content-type: text/html;charset=utf-8
Connection: Close

<html>
<head>
<title>Bad Request</title>
<style>
body {font-family:"Verdana";font-weight:normal;font-size: 8pt;color:black;}
p {font-family:"Verdana";font-weight:normal;color:black;margin-top: -5px}
b {font-family:"Verdana";font-weight:bold;color:black;margin-top: -5px}
h1 { font-family:"Verdana";font-weight:normal;font-size:18pt;color:red }
h2 { font-family:"Verdana";font-weight:normal;font-size:14pt;color:maroon }
pre {font-family:"Lucida Console";font-size: 8pt}
.marker {font-weight: bold; color: black;text-decoration: none;}
.version {color: gray;}
.error {margin-bottom: 10px;}
.expandable { text-decoration:underline; font-weight:bold; color:navy; cursor:hand; }
</style>
</head>
<body bgcolor="white">

<span><h1>Server Error in '/' Application.<hr width=100% size=1 color=silver></h1>

<h2> <i>HTTP Error 400 - Bad Request.</i> </h2></span>

<hr width=100% size=1 color=silver>

<b>Version Information:</b>&nbsp;ASP.NET Development Server 10.0.0.0

</font>

</body>
</html>

Hello Pedro,

The most likely reason for the problem is that something breaks the template encoding but without a way to reproduce it I can't determine what is the cause. Could you send the detail template generated on your side so I can try to evaluate it locally. You can find it from displayDetails client-side property. For example:
It will also be helpful if you check whether this occurs in all browsers.

Greetings,
Daniel
the Telerik team

Happens in all the browsers.
Please excuse my ignorance. I tried adding your snippet to the bottom of the Index page in the sample project you provided and it did not display anything. I did add a reference to the JScript source.

Thanks,
Pedro.

Hello Pedro,

You could either use the OnLoad client-side event to ensure that the Grid is initialized or use the browser console to execute the script later.

All the best,
Daniel
the Telerik team

Hi Daniel,
This is what I get when using the Chrome console:

Hope that helps.
Thanks,
Pedro.

Hello Pedro,

The problem is that  the parameter isn't escaped in the detail template:
I am still investigating what could have caused this and I will write back to you as soon as I find something.

Greetings,
Daniel
the Telerik team

Yeah,
That's what I kept seeing in Fiddler.

Thanks.

I am having the same issue on a custom toolbar for insert :
<a class="t-button " href="/TextVariables/InsertPopup?variableTypeId=%3C%23%3D%20SelectedVariableTypeId%20%23%3E">
And then on the select:
ajax:{"selectUrl":"/TextVariables/_Select?variableTypeId=%3C%23%3D%20SelectedVariableTypeId%20%23%3E"

The SelectedVariableTypeId is from a dropdown in the view - but outside the grid.

Hello,

Unfortunately, I am still unable to replicate the conditions under which the problem occurs and without a reproduction there isn't really much I can do.
Stella, could you provide a sample project so I can check the exact setup?

Kind regards,
Daniel
the Telerik team

This is the page source of the page that gets created:


This is the view (we were playing around with a custom insert toolbar):

@ModelType SystemAdmin.

 

TextVariablesVariableTypeViewModel

 

@Code

ViewData(

 

"Title") = "Index"

 

End Code

@Section Head

 

 

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

 

 

 

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

 

 

 

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

 

 

 

<script src="@Url.Content("~/Scripts/Views/TextVariables.Index.js")" type="text/javascript"></script>

 

End Section

<

 

 

h2>Index</h2>

 

<

 

 

fieldset>

 

 

 

<div class="editor-label">@Html.LabelFor(Function(x) x.SelectedVariableTypeId)</div>

 

 

 

<div class="editor-field">@Html.EditorFor(Function(x) x.SelectedVariableTypeId, New With {.Items = Me.Model.VariableTypes})</div>

 

 

 

 

 

</fieldset>

 

 

 

@Code

 

 

Html.Telerik.Grid(Of SystemAdmin.TextVariables)() _

 

.Name(

 

"Grid") _

 

.DataKeys(

 

Sub(x)

 

x.Add(

 

Function(y) y.TextVariablesId).RouteKey("TextVariablesId")

 

 

 

End Sub) _

 

.Columns(

 

Sub(x)

 

x.Bound(

 

Function(y) y.TextVariablesId).Hidden(True)

 

x.Bound(

 

Function(y) y.VariableTypeId).Hidden(True)

 

x.Bound(

 

Function(y) y.VariableType)

 

x.Bound(

 

Function(y) y.TextVariable)

 

x.Bound(

 

Function(y) y.TextVariableDescription)

 

x.Bound(

 

Function(y) y.UpdatedBy).Hidden(True)

 

x.Bound(

 

Function(y) y.UpdatedDate).Hidden(True)

 

x.Command(

 

Sub(y)

 

y.Edit()

y.Delete()

 

 

End Sub)

 

 

 

End Sub) _

 

.ClientEvents(

 

Sub(x)

 

x.OnDataBinding(

 

"Grid_OnDataBinding")

 

x.OnEdit(

 

"Grid_OnEdit")

 

x.OnDataBound(

 

"Grid_OnDataBound")

 

 

 

End Sub) _

 

.DataBinding(

 

Sub(x)

 

x.Ajax.OperationMode(

 

GridOperationMode.Client)

 

x.Ajax().Select(

 

"_Select", "TextVariables", New With {.variableTypeId = "<#= SelectedVariableTypeId #>"})

 

 

 

'x.Ajax().Insert("_Insert", "TextVariables")

 

x.Ajax().Update(

 

"_Update", "TextVariables")

 

x.Ajax().Delete(

 

"_Delete", "TextVariables")

 

 

 

End Sub) _

 

.ToolBar(

 

Sub(x)

 

x.Custom().Ajax(

 

False).Action("InsertPopup", "TextVariables", New With {.variableTypeId = "<#= SelectedVariableTypeId #>"}).ButtonType(GridButtonType.Text).Text("Insert")

 

 

 

 

End Sub) _

 

.Editable(

 

Sub(x) x.Mode(GridEditMode.PopUp)) _

 

.Pageable() _

.DetailView(

 

Sub(detailview) detailview.ClientTemplate(

 

 

 

"<ul>" +

 

 

 

"<li>Updated By: <#= UpdatedBy #></li>" +

 

 

 

"<li>Updated Date: <#= UpdatedDate #></li>" +

 

 

 

"</ul>")) _

 

.Groupable() _

.Sortable() _

.Filterable() _

.Render()

End Code

The strange thing is - it works down in the DetailView - but not up in the Select.

Hello Stella,

The expression should be used in a client template in order to be evaluated. You should pass the DropDownList value by using the Grid's OnDataBinding client-side event  e.g.


Kind regards,
Daniel
the Telerik team

Thank you Daniel - that is the way i have it working now. I just thought it was suppose to be able to pass it in on the Select command itself so had tried that - but when that didn't work, had passed it in on the e.data on "ondatabinding". 
I still have some confusion between the server binding and client side  binding - but it is becoming clearer. Thanks for the answer.