Questions on UI for ASP.NET AJAX Forum

3 answers

135 views

Sub Grid Errors on Insert EditForm if no Existing data

I am having a problem inserting records on a Sub heirarchial grid. If no dta exists it errors our the bind function for the editing. But if existing data is loaded for that sub grid the insert works just fine. So on insert of the datatable has nothing in it it will error out on the 1st textbox that is bound to data from datatable and give the follwoing error. But the problem is the field is there becuase it works for other rows with data. If you manually insert record, it will work fine. What is the work around to this.

DataBinding: 'Telerik.Web.UI.GridInsertionObject' does not contain a property with the name 'strDescription'.

Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.

Exception Details: System.Web.HttpException: DataBinding: 'Telerik.Web.UI.GridInsertionObject' does not contain a property with the name 'strDescription'.

<EditFormSettings EditFormType="Template">

<FormTemplate>

<table style="width:100%;background-color:antiquewhite">

<tr>

<td style="height:10px"></td>

</tr>

<tr>

<td style="width:10%;text-align:right">Position Description: </td>

<td style="width:90%;text-align:left"><asp:TextBox ID="txtdescription" runat="server" Width="200px" Text='<%#Bind("strDescription") %>'></asp:TextBox></td>

</tr>

<tr>

<td style="height:10px"></td>

</tr>

<tr>

<td style="width:10%;text-align:right">Position Scale: </td>

<td style="width:90%;text-align:left"><asp:TextBox ID="txtScale" runat="server" Width="200px" Text='<%#Bind("strScale") %>'></asp:TextBox></td>

</tr>

<tr>

<td style="height:10px"></td>

</tr>

<tr>

<td style="width:10%;text-align:right">Position Type: </td>

<td style="width:90%;text-align:left"><asp:TextBox ID="txtPosType" runat="server" Width="200px" Text='<%#Bind("strPositionType") %>'></asp:TextBox></td>

</tr>

<tr>

<td style="height:10px"></td>

</tr>

<tr>

<td style="width:10%;text-align:right">Position Grade: </td>

<td style="width:90%;text-align:left"><asp:TextBox ID="txtGrade" runat="server" Width="200px" Text='<%#Bind("strGrade") %>'></asp:TextBox></td>

</tr>

<tr>

<td style="height:5px"></td>

</tr>

<tr>

<td style="width:10%;text-align:right"></td>

<td style="width:90%;text-align:left">

<asp:LinkButton ID="lnkSubmit" runat="server" Text='<%# ((bool)DataBinder.Eval(Container, "OwnerTableView.IsItemInserted")) ? "Insert" : "Update" %>'

CommandName='<%# ((bool)DataBinder.Eval(Container, "OwnerTableView.IsItemInserted")) ? "PerformInsert" : "Update" %>'>

</asp:LinkButton>

<asp:LinkButton ID="lnkCancel" runat="server" CausesValidation="false" CommandName="Cancel" Text="Cancel"></asp:LinkButton>

</td>

</tr>

</table>

</FormTemplate>

</EditFormSettings>

if (e.CommandName == RadGrid.PerformInsertCommandName && e.Item.OwnerTableView.Name == "Positions")

{

GridEditableItem item = e.Item as GridEditableItem;

GridDataItem parentItem = e.Item.OwnerTableView.ParentItem;

//int sectionId = Convert.ToInt32(item.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["intSectionId"]);

int secId = Convert.ToInt32(parentItem.OwnerTableView.DataKeyValues[parentItem.ItemIndex]["intSectionId"]);

TextBox descrip = (TextBox)item.FindControl("txtdescription");

TextBox scale = (TextBox)item.FindControl("txtScale");

TextBox posType = (TextBox)item.FindControl("txtPosType");

TextBox grade = (TextBox)item.FindControl("txtGrade");

sql = "Execute usp_InsertPosition " + secId + ", '" + c.SanitizeString(descrip.Text) + "', '" + c.SanitizeString(scale.Text) + "', '" + c.SanitizeString(posType.Text) + "', '" + c.SanitizeString(grade.Text) + "'";

c.InsertUpdateDelete(sql);

// myradGrid.Rebind();

}

Grid

answered on 11 Jun 2014

2 answers

480 views

[Solved] Opening radwindow from registerstartupscript, can't pass parameter

Here is my javascript:

<script type="text/javascript">

function ShowWindow(dealid) {

var oWnd = window.radopen('Windows/DealReassignmentPopup.aspx', 'window1');

}

</script>

and my code behind:

protected void gridAssignSingleDeal_ItemCommand(object sender, Telerik.Web.UI.GridCommandEventArgs e)

{

if (e.CommandName == "OpenWindow")

{

int datakeyvalue = Helper.IntHelper((e.Item as GridDataItem).GetDataKeyValue("ID"));

string script = string.Format("<script language='javascript' type='text/javascript'>Sys.Application.add_load(ShowWindow({0}));</script>",datakeyvalue);

ClientScript.RegisterStartupScript(this.GetType(), "showWindow", script);

}

If I do not pass it any parameters ( take out string.format) it works. If I try to pass it a parameter, it does not, it says this error:

Unhandled exception at line 17467, column 1
0x800a138f - JavaScript runtime error: Unable to get property 'open' of undefined or null reference

All I want to do is have a button on my grid that when I click it, it opens a radwindow with a parameter. If I have to do this another way, I am up for that.

Window

answered on 11 Jun 2014

7 answers

125 views

[Solved] Do I understand correctly? Treeview header detail setup difficulties.

I've not used RadTreeView before. I have a pair of header detail tables that I want to preset using a treeview.

If I understand what I'm reading, there is no simple built-in way to do this.
Is this true?

(Do I have to bind the header records to nodes first and then programmatically add the details to each header note?)

TreeView

answered on 10 Jun 2014

4 answers

402 views

Page Break PDF Exporting

Hi for all.

I am facing a problem with Grid exporting since I need to page break my report every header item. I am using the groupByExpression method. Can you please give me an example of the implementation?
Had already found these topics, but no one helped me:

http://www.telerik.com/forums/pdf-export-and-page-break
http://www.telerik.com/support/code-library/printing-grid-headers-on-every-page

Grid

answered on 10 Jun 2014

16 answers

743 views

Rounded Corner on RadGrid Header

Hello,

I'd like to make a rounded corner for the radgrid header. Is there a way to do it?
I have changed the css on the rgMasterTable thead to be the background image and set .rgMasterTable th.rgExpandCol as the background image. However, it makes the column header to be blank.
Example,

.RadGrid_VCGrid

.rgMasterTable thead

{

background

: url('../images/tabletop-bk.png') left repeat-x;

}

.RadGrid_VCGrid

.rgMasterTable th.rgExpandCol

{

background: url('../images/tabletop-left-bk.png') left top no-repeat;

}

Please advise

Elin

Grid

answered on 10 Jun 2014

3 answers

145 views

Hide ViewPath

Is there any way to not display the ViewPath location to the user but still allow them to upload? I tried to not define the property, but that also disabled the Upload button.

ImageEditor

answered on 10 Jun 2014

4 answers

338 views

[Solved] Can't Change RadWindow Size With Javascript When Direction Is RTL

Hi ,

i am working with VS 2013 update 2 , and 2013 Q3 SP2

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="RadWindowResizeRTL._Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body onload="PageLoad();" style="direction: rtl;">

<form id="form1" runat="server">

<div>

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

function PageLoad() {

$find('<%=me.MainWebFormRadSplitter .ClientID %>').

set_height($telerik.$(window).height() - 50);

window.onresize = function () {

$find('<%=me.MainWebFormRadSplitter .ClientID %>').

set_height($telerik.$(window).height() - 50);

};

var MWindow = $find('<%=Me.MainRadWindow.ClientID %>');

MWindow.set_width($find('<%=Me.MainRadWindowRadPane.ClientID%>').get_width());

MWindow.set_height($find('<%=Me.MainRadWindowRadPane.ClientID %>').get_height());

MWindow.setUrl("http://www.telerik.com/");

MWindow.set_title("MWindow");

MWindow.show();

}

function MainRadWindowRadPane_Resized(sender, args) {

var MWindow = $find('<%=Me.MainRadWindow.ClientID %>');

MWindow.set_width(sender.get_width());

MWindow.set_height(sender.get_height());

}

</script>

</telerik:RadCodeBlock>

<telerik:RadScriptManager ID="MainWebFormRadScriptManager" runat="server">

</telerik:RadScriptManager>

</div>

<telerik:RadAjaxManager ID="MainWebFormRadAjaxManager" runat="server" DefaultLoadingPanelID="MainWebFormRadAjaxLoadingPanel">

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="MainWebFormRadAjaxLoadingPanel" runat="server" Skin="Default">

</telerik:RadAjaxLoadingPanel>

<telerik:RadWindowManager ID="MainWebFormRadWindowManager" runat="server">

<Windows>

<telerik:RadWindow ID="MainRadWindow" runat="server" Behavior="Reload"

Behaviors="Reload" DestroyOnClose="True"

NavigateUrl="http://www.telerik.com/"

ReloadOnShow="True" RestrictionZoneID="MainRadWindowRadPane"

ShowContentDuringLoad="False" ShowOnTopWhenMaximized="False"

Title="MainRadWindow" VisibleStatusbar="False">

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

<telerik:RadSkinManager ID="MainWebFormRadSkinManager" runat="server">

</telerik:RadSkinManager>

<br />

<telerik:RadSplitter ID="MainWebFormRadSplitter" runat="server" Width="100%">

<telerik:RadPane ID="PanelRadPane" runat="server" Width="200px" Index="0">

</telerik:RadPane>

<telerik:RadPane ID="MainRadWindowRadPane" runat="server" OnClientResized="MainRadWindowRadPane_Resized" Index="1"></telerik:RadPane>

</telerik:RadSplitter>

</form>

</body>

</html>

add this aspx code to a new project and then run the project and try to re-size the browser window and see what happened , then remove or change the style added to <body> and run the project .

i attached screen shots to show the difference .

Window

answered on 10 Jun 2014

10 answers

306 views

RadTabStrip works fine locally but not working in production (windows 2008 - IIS7)

Hi,

I have 2008.2.723.20 version of Telerik.Web.UI.dll and have following config statements in web.config:

<httpHandlers>

<remove verb="*" path="*.asmx"/>

<add verb="*" path="*.asmx" validate="false" type=

"System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"

/>

<add verb="*" path="*_AppService.axd" validate="false" type=

"System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"

/>

<add verb="GET,HEAD" path="ScriptResource.axd" validate="false" type=

"System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"

/>

<add path="Telerik.Web.UI.WebResource.axd" verb="*" type="Telerik.Web.UI.WebResource, Telerik.Web.UI, Version=2008.2.723.20, Culture=neutral, PublicKeyToken=121fae78165ba3d4"

validate="false" />

</httpHandlers>

<httpModules>

<add name="ScriptModule" type=

"System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"

/>

</httpModules>

In my local system (Windows 2003 with IIS6, everything works just fine). But when I port code to production server (Windows 2008 and IIS7), tab strip control is getting displayed but nothing happens when I click it.

Please help me with this issue..

TabStrip

answered on 10 Jun 2014

5 answers

345 views

RadDatePicker layout question

Hi,

Is there a way to make the DateInput control to be on the same line as the label instead of a new line? I also have a hard time moving the icon closer to the DateInput box. I tried to play around with the width of the container, DateInput-Width, DateInput-LabelWidth, but couldn't get it to work. Perhaps I need to tweek the HTML as presented in this doc?

http://www.telerik.com/help/aspnet-ajax/calendar-understanding-skin-css-file.html

I have attached a screen shot of what my RadDatePicker and here's a portion of my ascx code:

<style type="text/css">

.forecast {

width:inherit;

height:inherit;

}

.closedate {

float:left;

display: inline-block;

background-color:aqua;

width:300px;

}

.probability {

clear:right;

display: inline-block;

background-color:orange;

width: 180px;

}

.product {

float:left;

display: inline-block;

background-color:green;

width: 230px;

}

.expectamt {

float:left;

display: inline-block;

background-color:yellow;

width: 180px;

}

</style>

<asp:HiddenField ID="leadIdHidden" runat="server" />

<asp:FormView ID="DetailForecastFormView" runat="server" DataSourceID="ObjectDataSource1" DataKeyNames="lead_id" OnDataBound="DetailForecastFormView_DataBound" BackColor="White" BorderColor="White" BorderStyle="Ridge" BorderWidth="2px" CellPadding="3" CellSpacing="1">

<EditRowStyle BackColor="#9471DE" Font-Bold="True" ForeColor="White" />

<FooterStyle BackColor="#C6C3C6" ForeColor="Black" />

<HeaderStyle BackColor="#4A3C8C" Font-Bold="True" ForeColor="#E7E7FF" />

<ItemTemplate>

<div class="forecast">

<%--<asp:Label ID="leadLabel" runat="server" Text='<%# Eval("lead_id") %>'></asp:Label>--%>

<div class="closedate">

<%--<asp:Label ID="Label1" runat="server" Text="Expected Close Date:" />--%>

<%--<telerik:RadDatePicker ID="RadExpectCloseDate" runat="server" DateInput-Label="Exp.Date:" DateInput-Width="100px" DateInput-LabelWidth="60px" SelectedDate='<%# Eval("update_dtime") %>' />--%>

<telerik:RadDatePicker ID="RadExpectCloseDate" runat="server" SelectedDate='<%# Eval("update_dtime") %>' >

<DateInput runat="server" Label="Expected Date:" LabelWidth="100%"></DateInput>

</telerik:RadDatePicker>

</div>

<div class="probability">

<telerik:RadNumericTextBox ID="RadProbTextBox" runat="server" Label="Probability To Close:" LabelWidth="100px" Type="Percent" DbValue='<%# Eval("perc_to_close") %>' />

<%--<telerik:RadSlider ID="RadSlider1" runat="server" />--%>

</div>

<div class="product">

<%-- <telerik:RadComboBox ID="RadProductComboBox" runat="server" Label="Product:" DataSourceID="ProductDataSource" SelectedValue='<%# Eval("product_id") %>'

DataTextField="product_name" DataValueField="product_id" AllowCustomText="true" EmptyMessage="Please select a product" />--%>

<telerik:RadComboBox ID="RadProductComboBox" runat="server" Label="Product:" AllowCustomText="true" EmptyMessage="Please select a product" />

</div>

<div class="expectamt">

<telerik:RadNumericTextBox ID="RadExpectAmtTextBox" runat="server" Label="Expected Amount:" LabelWidth="100px" Type="Currency" DbValue='<%# Eval("exp_points") %>' />

</div>

</ItemTemplate>

<PagerStyle BackColor="#C6C3C6" ForeColor="Black" HorizontalAlign="Right" />

<RowStyle BackColor="#DEDFDE" ForeColor="Black" />

</asp:FormView>

Thank you,

Helen

Calendar

answered on 10 Jun 2014

9 answers

190 views

RadListBox looks bad in either IE or Chrome

I have a RadWindow with a panel that is in turn divided into a right and a left subpanel. Each subpanel has a RadListBox that is to display varying amounts of rows.

Everything was working just fine, until it turned out nothing was being displayed in the boxes for IE users. After looking through the forum, I found removing the "height" property of the RadListBoxes in the .aspx file would fix this in IE. However, after doing this, the page looks quite wrong in Chrome (but not Firefox or IE).

I have attached two screen shots for comparison.

ListBox

answered on 10 Jun 2014