Questions on UI for ASP.NET AJAX Forum

1 answer

55 views

Editing a particular recurrence and saving throws error

I selected a recurring appointment and chosen option edit this occurence(single occurence) and saved the detail, it is throwing following error.

System.NullReferenceException was unhandled by user code
Message=Object reference not set to an instance of an object.
Source=Telerik.Web.UI
StackTrace:
at Telerik.Web.UI.Scheduling.AppointmentController.AttachRecurrenceException(Appointment parent, Appointment exceptionAppointment, DateTime explicitExceptionDate, ISchedulerInfo schedulerInfo)
at Telerik.Web.UI.Scheduling.AppointmentController.UpdateException(Appointment modifiedAppointment, Appointment originalAppointment, ISchedulerInfo schedulerInfo)
at Telerik.Web.UI.Scheduling.AppointmentController.UpdateAppointment(ISchedulerInfo schedulerInfo, Appointment originalAppointment, Appointment modifiedAppointment)
at Telerik.Web.UI.WebServiceAppointmentController.CreateRecurrenceException[T](ISchedulerInfo schedulerInfo, T recurrenceExceptionData)
at Telerik.Web.UI.WebServiceAppointmentController.CreateRecurrenceException(ISchedulerInfo schedulerInfo, AppointmentData recurrenceExceptionData)
at CalendarTest.SchedulerWebService.CreateRecurrenceException(MySchedulerInfo schedulerInfo, AppointmentData recurrenceExceptionData) in D:\dotnet Practice\CalendarTest\SchedulerWebService.asmx.cs:line 77
InnerException:

Not sure what is causing problem. The line number 77 is referring to following code:

return Controller.CreateRecurrenceException(schedulerInfo, recurrenceExceptionData);

Scheduler

answered on 25 Jun 2012

1 answer

234 views

How do you display array data that is within an object in a Telerik RadListView?

I am not sure of the best way to describe my question, as the title doesn't even make sense to me!

What I am doing is calling a WCF Service and I get an Object back, within this object are a selection of elements and some arrays.

So the object would be something like...(I would be passed the Person)

    public class Person
    {
        string firstName;
        string lastName;
        Address[] addressDetails;
    }
    public class Address
    {
        string address1;
        string address2;
        string postcode;
    }

So then on my page, I would like to display not only firstName and lastName. But the details of the address. If you can imagine this page to be a profile view. So all the fields in a list and the ability to edit them.

Currently I can access any element that is "top level" i.e. not within an array. I do that on the ascx page using the following code within a Telerik RadListView...

<tr>
 <td>
  <asp:Label ID="firstNameLabel" runat="server" 
   AssociatedControlID="firstNameTextBox" Text="firstName"></asp:Label>
 </td>
 <td>
   <asp:TextBox ID="firstNameTextBox" runat="server" CssClass="rlvInput" 
    Text='<%# Bind("firstName") %>' />
 </td>
</tr>

So I guess what I am asking is; how do I display 'address1' on the page.

Hope somebody can help me out! Thanks

ListView

answered on 25 Jun 2012

1 answer

123 views

[Solved] Adding new node

I am using radtree having around 1000 nodes with different hierarchy.

I have added this tree under rad splitter and set pan height according to contain.

There is only 1 root node under root node all the nodes are getting added.

I have referred http://demos.telerik.com/aspnet-ajax/treeview/examples/functionality/contextmenu/defaultcs.aspx

demo to add context menu for adding nodes in the tree.

Whenever I add the node in between of the tree nodes focus of the screen redirected to newly created node.

But when I am adding node in root node the focus is not going at the end of the screen on newly created node.

So to name it I have to scroll down to that node & have to rename it.

Can you please let me know why it is behaving this way?

Is there any fix for it?
Thanks in advance

TreeView

answered on 25 Jun 2012

2 answers

188 views

UserControls in dynamically created PanelBarItems lost on Postack

What I'm trying to do is perhaps pretty simple:

Allow the user to select several configuration options from a drop down list.
Each configuration option has a user control associated with it and when the user selects the option, the User Control with the configuration details must display allowing the user to capture some info.
The user can select any number of configuration options, and this in itself might result in a very loooong form as more configuration choices are selected.

I'm hoping RadPanelBar can help prevent the form growing too long by allowing collapseing behaviour in the configuration section for me.

I keep track of the choices which the user has selected (in a hidden form variable) , and with each choice, the specific user control which must be loaded. The problem I'm currently facing is that the RadPanelBar only displays the very last item on PostBack, losing the controls from all previous choices. I reload the controls in the Page_Init event.

Private Property MyUsedControls As Dictionary(Of Long, MyUsedControl)

Private Sub Page_Init(sender As Object, e As System.EventArgs) Handles Me.Init

MyUsedControls = MyUsedControl.DeserializeReportList(Request.Form(HiddenField1.UniqueID))

'Recreate the controls. At this stage, the RadPanelBar1.Items collection is empty

For i As Integer = 0 To MyUsedControls.Count - 1

Dim ctrl As MyUsedControl = MyUsedControls(i)

AddConfigurationControl(ctrl.ControlPath)

Next

End Sub

Private Sub AddConfigurationControl(ByVal cPath As String)

Dim p As New RadPanelItem("Control No. " & RadPanelBar1.Items.Count)

Dim uc As Control = LoadControl(cPath)

Dim content As New RadPanelItem()

content.Controls.Add(uc)

p.Items.Add(content)

RadPanelBar1.Items.Add(p)

End Sub

Protected Sub RadComboBox1_SelectedIndexChanged(sender As Object, e As Telerik.Web.UI.RadComboBoxSelectedIndexChangedEventArgs) Handles RadComboBox1.SelectedIndexChanged

'Here we add the control to our "memory" of what controls we have so far used

'This is persisted into a hidden form variable without any problems

MyUsedControls.Add(

MyUsedControls.Count,

New MyUsedControl With {

.ID = RadPanelBar1.Items.Count,

.ControlPath = RadComboBox1.SelectedValue

}

)

AddConfigurationControl(RadComboBox1.SelectedValue)

RadComboBox1.ClearSelection()

End Sub

You can download a copy of the source code here: Sample Code: RadControlsWebApp1 (link expires 19 August 2012)

PanelBar

answered on 25 Jun 2012

8 answers

142 views

Custom Styles not working for Telerik.Web.UI version 2011_1_519

Hi,

I am working on customizing the Telerik styles by registering a new skin completely as per the steps given in the Telerik skin registration tutorial. I have updated the style sheets and copied the Telerik folder from the Skin folder to my projects folder and updated the web config files app settings section to make my custom style work.

The issue is : When I updated the CSS of Telerik.Web.UI version 2011_1_519 the controls are not showing up properly, where as if I use the CSS of Telerik.Web.UI of some older version then the styles are appearing correctly.

Please help me with this issue, any help is greatly appreciated.

Thanks,
Mohammed Asif

Visual Style Builder

answered on 25 Jun 2012

1 answer

283 views

EnableEmbeddedjQuery?

Hi,

what's the deal about the new Telerik.ScriptManager.EnableEmbeddedjQuery feature? I look at the js produced and I can only see one difference:

/* START Telerik.Web.UI.Common.jQueryExternal.js */

if(typeof $telerik.$==="undefined"){$telerik.$=window.jQuery;

}

/* END Telerik.Web.UI.Common.jQueryExternal.js */

/* START Telerik.Web.UI.Calendar.RadDatePicker.js */

The jQueryExternal.js is embedded in front of the RadDatePicker.js.. it actually solved a $telerik.$ not defined problem I had with the RadDatePicker on some pages. And on some pages the above code wasn't injected in the js.

What's the correct way to use this new feature? Is the above the only difference this feature is gonna make and is it only for RadDatePicker?

By the way, I am adding my own "Telerik.Web.UI.Common.jQuery.js" and "Telerik.Web.UI.Common.jQueryInclude.js" in the code through RadScriptManager.

ScriptManager and StyleSheetManager

answered on 25 Jun 2012

1 answer

193 views

Issue with Uploading files in IE

Hello,

I have added Async file upload control in page and set display as none. like

<telerik:RadAsyncUpload ID="fuImport" runat="server" HttpHandlerUrl="~/CustomHandler.ashx"

OnClientFileUploaded="onClientFileUploaded" PersistConfiguration="true"

MaxFileInputsCount="1"

MultipleFileSelection="Disabled" OnClientFileSelected="CheckExtension"

CssClass="jImport" OnClientAdded="onClientAdded" Style="display: none">

</telerik:RadAsyncUpload>

I have disabled embeded scripts in web.config

<add key="Telerik.EnableEmbeddedScripts" value="false"/>

for this I Have used custom handler HttpHandlerUrl="~/CustomHandler.ashx".

Now I have opened file dialog from menu client click(ImportData() function ) instead of clicking on select button of file upload. Script are as below.

var $fileInput;

function onClientAdded(sender, args) {

if (sender.get_id() != undefined && sender.get_id() == 'fuImport') {

//get file control instance from telerik upload control.

$fileInput = $(".jImport").find(".ruFileInput");

}

//check selected file is valid or not.

function CheckExtension(radUpload, eventArgs) {

var input = eventArgs.get_fileInputField();

var fileExtension = input.value.substr(input.value.length - 3, 3);

if (fileExtension != "xml") {

alert(input.value + " does not have a valid extension.");

radUpload.deleteFileInputAt(0);

}

function ImportData()

{

if ($fileInput != null) {

//open dialog box for file selection.

$fileInput.click();

}

}

function onClientFileUploaded(sender, args) {

    //check file is uploaded properly then perform import process.

    if (sender.getUploadedFiles().length > 0) {

        $(".jImport").css('display', 'none');

        $('.jImportButton').click();

    }

}

Now when we call ImportData function then file dialog is opened to select the file, after selecting file, upload process is not processing file for upload in IE, when I see this in IE Developer tool Network tab it's below url is executed multiple time
http://localhost/enigma/Telerik.RadUploadProgressHandler.ashx?AsyncProgress=true&RadUrid=3177d972-edfc-4992-aeee-1a1bbc50cdc50&_=1340265308915
RadUrid changed in every request.

If I test same in FF and Chrome then it's worked perfect. Also If I set Display : block to file upload control and then upload files clicking on select button of file upload in IE then it's worked perfect.

Note : My site is hosted in Shared hosting server so I am not able to add handler in web.config.

Kindly Help me to resolve this issue.

Thanks in Advance.
Mohmedsadiq Modan

AsyncUpload

answered on 25 Jun 2012

3 answers

175 views

Update RadGrid from Radwindow using Drag And Drop

Hi Telerik team, I have the following problem.

I'm using Drag and drop in my solution and works perfect, but I have the option to UPDATE the RadGrid (original) from a RadWindow.

I don't know where is the problem, because in other radgrid without drag and drop works perfect,here is my code:

This is the main page:

<

telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadAjaxManager1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="Gridfungenericasoriginal" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="Gridfungenericasoriginal">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="Gridfungenericasoriginal" />

<telerik:AjaxUpdatedControl ControlID="Gridfungenericascopia" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="Gridfungenericascopia">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="Gridfungenericascopia" />

<telerik:AjaxUpdatedControl ControlID="msggenericas" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<div>

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

<script type="text/javascript">

function ShowCatalogoGenericas()

{

window.radopen(

"Default4.aspx", "UserListDialog");

return false;

}

function refreshGrid(arg)

{

if(!arg)

{

$find(

"<%= RadAjaxManager1.ClientID %>").ajaxRequest("Rebind");

}

else

{

$find(

"<%= RadAjaxManager1.ClientID %>").ajaxRequest("RebindAndNavigate");

}

}

</script>

</telerik:RadCodeBlock>  

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

<Windows>

<telerik:RadWindow ID="UserListDialog" runat="server" Title="Editing record" Height="400px"

Width="300px" Left="150px" ReloadOnShow="true" ShowContentDuringLoad="false" Modal="true" />

</Windows>

</telerik:RadWindowManager>

<asp:Button ID="Button3" runat="server" Text="genericas" OnClientClick="return ShowCatalogoGenericas();" /><br />

<div>

<telerik:RadScriptBlock runat="server" ID="scriptBlockGenericas">

<script type="text/javascript">



</script>

</telerik:RadScriptBlock>

<div style="float:left; padding:0 6px 0 10px">

<telerik:RadGrid ID="Gridfungenericasoriginal" runat="server" AllowMultiRowSelection="True" AllowFilteringByColumn="True" Width="430px" Font-Bold="True" Font-Names="Tahoma" Font-Size="Small" OnNeedDataSource="Gridfungenericasoriginal_NeedDataSource" OnRowDrop="Gridfungenericasoriginal_RowDrop" OnColumnCreated="Gridfungenericasoriginal_ColumnCreated">

<MasterTableView DataKeyNames="clave_divis,clave_pues,clave_funcion_generica,grupo_orga" TableLayout="Fixed" NoMasterRecordsText="No hay datos para mostrar." Font-Bold="True" Font-Names="Tahoma" Font-Size="X-Small" CommandItemDisplay="Top">

<HeaderStyle Font-Bold="True" Font-Names="Tahoma" Font-Size="Small" />

<FooterStyle Font-Bold="True" Font-Names="Tahoma" Font-Size="Medium" />

<ItemStyle Font-Bold="True" Font-Names="Tahoma" Font-Size="X-Small" />

</MasterTableView>

<ClientSettings AllowRowsDragDrop="True">

<Selecting AllowRowSelect="True" EnableDragToSelectRows="False"/>

<ClientEvents OnRowDropping="onRowDroppingGenericas" />

<Scrolling AllowScroll="True" UseStaticHeaders="True"/>

<DataBinding FilterParameterType="String" SortParameterType="String">

</DataBinding>

</ClientSettings>

</telerik:RadGrid>

</div>

<br />

<div style="float:right; padding:0 10px 0 6px; font-weight: bolder; color: black;">

Para agregar funcion generica a este perfil arrastre elementos de la tabla izquierda.

<br />

<telerik:RadGrid ID="Gridfungenericascopia" runat="server" AllowMultiRowSelection="True" GridLines="None" Width="400px" OnNeedDataSource="Gridfungenericascopia_NeedDataSource" OnRowDrop="Gridfungenericascopia_RowDrop" OnColumnCreated="Gridfungenericascopia_ColumnCreated">

<MasterTableView DataKeyNames="clave_divis, clave_pues,clave_funcion_generica, grupo_orga" HeaderStyle-Font-Bold="true" HeaderStyle-Font-Names="Tahoma" HeaderStyle-Font-Size="Small" ItemStyle-Font-Bold="true" ItemStyle-Font-Names="Tahoma" ItemStyle-Font-Size="Small" Font-Bold="true" Font-Names="Tahoma" Font-Size="Small">

<NoRecordsTemplate>

<div style="height: 30px; cursor: pointer;">

No hay datos para mostrar

</div>

</NoRecordsTemplate>

<HeaderStyle Font-Bold="True" Font-Names="Tahoma" Font-Size="Small" />

</MasterTableView>

<ClientSettings AllowRowsDragDrop="True">

<Selecting AllowRowSelect="True" EnableDragToSelectRows="False" />

<ClientEvents OnRowDropping="onRowDroppingGenericas" />

<Scrolling AllowScroll="True" UseStaticHeaders="True" />

</ClientSettings>

</telerik:RadGrid>

</div>

<br />

<br />

<br />

<div style="clear: both;">



</div>

<div class="exFooter">

<br />

<a id="trashCanGenericas" href="#" onclick="return false;">Papelera de reciclaje</a>

<div class="exMessage" runat="server" id="msggenericas" visible="false" enableviewstate="false">

Dato(s) eliminados con exito

</div>

</div>

</div>

</div>

protected

void RadAjaxManager1_AjaxRequest(object sender, AjaxRequestEventArgs e)

{

if (e.Argument == "Rebind")

{

Gridfungenericasoriginal.MasterTableView.SortExpressions.Clear();

Gridfungenericasoriginal.MasterTableView.GroupByExpressions.Clear();

Gridfungenericasoriginal.Rebind();

}

else if (e.Argument == "RebindAndNavigate")

{

Gridfungenericasoriginal.MasterTableView.SortExpressions.Clear();

Gridfungenericasoriginal.MasterTableView.GroupByExpressions.Clear();

Gridfungenericasoriginal.MasterTableView.CurrentPageIndex = Gridfungenericasoriginal.MasterTableView.PageCount - 1;

Gridfungenericasoriginal.Rebind();

}

}

And here is my RadWindow to edit Gridfungenericasoriginal (drag and drop)

<

script type="text/javascript">

function CloseAndRebind(args)

{

GetRadWindow().Close();

GetRadWindow().BrowserWindow.refreshGrid(args);

}

function GetRadWindow()

{

var oWindow = null;

if (window.radWindow) oWindow = window.radWindow;

else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow;

return oWindow;

}

function CancelEdit()

{

GetRadWindow().Close();

}

</script>

<br />

<br />

<telerik:RadGrid ID="RadGrid1" runat="server" AllowAutomaticUpdates="True" AllowPaging="True"

AutoGenerateEditColumn="True" DataSourceID="SqlDataSource1" GridLines="None" OnItemUpdated="RadGrid1_ItemUpdated">

<MasterTableView AutoGenerateColumns="False" DataKeyNames="clave_divis,grupo_orga,clave_pues,clave_funcion_generica"

DataSourceID="SqlDataSource1">

<RowIndicatorColumn>

<HeaderStyle Width="20px" />

</RowIndicatorColumn>

<ExpandCollapseColumn>

<HeaderStyle Width="20px" />

</ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn DataField="clave_divis" HeaderText="clave_divis" ReadOnly="True"

SortExpression="clave_divis" UniqueName="clave_divis">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="grupo_orga" DataType="System.Int32" HeaderText="grupo_orga"

ReadOnly="True" SortExpression="grupo_orga" UniqueName="grupo_orga">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="clave_pues" HeaderText="clave_pues" ReadOnly="True"

SortExpression="clave_pues" UniqueName="clave_pues">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="clave_funcion_generica" DataType="System.Int32"

HeaderText="clave_funcion_generica" ReadOnly="True" SortExpression="clave_funcion_generica"

UniqueName="clave_funcion_generica">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="puesto" HeaderText="puesto" SortExpression="puesto"

UniqueName="puesto">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="funcion_generica" HeaderText="funcion_generica"

SortExpression="funcion_generica" UniqueName="funcion_generica">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid><asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:perfiles_dnConnectionString %>"

ProviderName="<%$ ConnectionStrings:perfiles_dnConnectionString.ProviderName %>"

SelectCommand="SELECT * FROM funciones_genericas" UpdateCommand="UPDATE funciones_genericas SET funcion_generica=@funcion_generica WHERE clave_divis=@clave_divis AND grupo_orga=@grupo_orga AND clave_pues=@clave_pues AND clave_funcion_generica=@clave_funcion_generica">

</asp:SqlDataSource>

protected

void RadGrid1_ItemUpdated(object source, Telerik.Web.UI.GridUpdatedEventArgs e)

{

ClientScript.RegisterStartupScript(Page.GetType(),

"mykey", "CloseAndRebind();", true);

}

please help me.

Thanks in advance.

Grid

answered on 25 Jun 2012

3 answers

607 views

Export to CSV not working

I have been trying to export my radgrid into CSV format, but somehow it'snot working even after following settings.
<CommandItemSettings ShowExportToExcelButton="true" ShowExportToCsvButton="true"
ShowAddNewRecordButton="false" ShowRefreshButton="false" />

It does not even hit OnGridExporting="radInvoiceDetails_GridExporting" method.

Grid