Questions on UI for ASP.NET AJAX Forum

9 answers

115 views

I want the token that is generated to contain both the contain both the text from the DataTextField ('Name') and another column ('Date of Birth'). How can I change the generation process so that it concatenates these two columns?

Examples:

Current Token: 'Hazel, Shelley'

Wanted Token: 'Hazel, Shelley 6/24/79'

I don't want to concatenate the date of birth into the DataTextField because I don't want those characters to be searchable.

Thanks.

BONUS QUESTION:

How can I have the matched part of the DataTextField in the DropDownBox highlighted?

Thanks again.

AutoCompleteBox

answered on 21 Sep 2015

4 answers

1.0K+ views

RADGRID Client-Side ClientEvents OnCommand and Server-side ItemCommand

I've a radgrid with 3 custom GridButtonColumns

<telerik:GridButtonColumn UniqueName="SendColumn" ButtonType="LinkButton" CommandName="Select2"

Text="Versturen" ConfirmText="Verstuur order, weet u het zeker ?">

<HeaderStyle Width="60px" />

<ItemStyle Width="60px" HorizontalAlign="Center" />

</telerik:GridButtonColumn>

<telerik:GridButtonColumn UniqueName="CancelColumn" ButtonType="LinkButton" CommandName="Delete"

Text="Annuleren" ConfirmText="Annuleer order, weet u het zeker ?">

<HeaderStyle Width="60px" />

<ItemStyle Width="60px" HorizontalAlign="Center" />

</telerik:GridButtonColumn>

<telerik:GridButtonColumn UniqueName="ViewColumn" ButtonType="LinkButton" CommandName="Select1" Text="Inzien">

<HeaderStyle Width="50px" />

<ItemStyle Width="50px" HorizontalAlign="Center" />

</telerik:GridButtonColumn>

>>>>

<ClientEvents OnCommand="RadGridCommand" />

<<<<

<script type="text/javascript">

function RadGridCommand(sender, args) {

if (args.get_commandName() == "Select1") {

var itemIndex = args.get_commandArgument();

var rowID=sender.get_masterTableView().get_dataItems()[itemIndex].getDataKeyValue("opls_id");

window.open("BestellingAcademieWBView.aspx?ID=" + rowID ,"contentpage");

args.set_cancel(true);

}

</script>

I use Clientside event to open een nieuw page as you can see.

Serverside I have the follow code:

Private Sub RadGrid1_ItemCommand(ByVal source As Object, ByVal e As Telerik.Web.UI.GridCommandEventArgs) Handles RadGrid1.ItemCommand

Try

Select Case e.CommandName

Case Is = "Select"

Dim editedItem As GridEditableItem = TryCast(e.Item, GridEditableItem)

Dim intOrderID As Int32 = editedItem.GetDataKeyValue("opls_id")

'Send1(item)

'e.Item.OwnerTableView.Rebind()

Case Is = "Select2"

Dim editedItem As GridEditableItem = TryCast(e.Item, GridEditableItem)

Dim intOrderID As Int32 = editedItem.GetDataKeyValue("opls_id")

'Send1(item)

'e.Item.OwnerTableView.Rebind()

Case Is = "Delete"

Dim editedItem As GridEditableItem = TryCast(e.Item, GridEditableItem)

Dim intOrderID As Int32 = editedItem.GetDataKeyValue("opls_id")

'SendOrderCancel(intOrderID)

'e.Item.OwnerTableView.Rebind()

End Select

Catch ex As Exception

Me.AddErrorMessage(ex.Message)

End Try

End Sub

Facts:
- if i click column: CancelColumn (with commandname="Delete") is gives me the right intOrderID.
- if i click column: SendColumn (with commandname="Select2") is gives me the intOrderID of the FIRST row in the grid, even if i select e.g. the THIRD row.
- if i rename the CommandName="Select2" to "Select" and also handle serverside "Select" and i click column: SendColumn is gives me the right intOrderID (thus the row I selected).
- if I remove the <ClientEvents OnCommand="RadGridCommand" /> and i click column: SendColumn (with commandname="Select2") it gives me the right intOrderID (thus the row I selected).

Question:
I want to use the Cancelcolumn with CommandName="SELECT2" and also use the ClientEvent OnCommand.

Can anyone help me figure this out?!?!??!?

Grid

answered on 21 Sep 2015

1 answer

89 views

Access uploaded files without an UpdatePanel

I have RadAsyncUpload controls setup on treeview nodes. When multiple files are dragged onto the control, I need to get access to the files on the server side. This works if I wrap the node in an UpdatePanel. However, it causes issues on the rest of my page due to conflicts with other panels.

I can get the event OnClientFilesUploaded to fire and trigger a postback. However, when I try to access the control for that particular node, the uploadedfiles is empty.

AsyncUpload

answered on 21 Sep 2015

1 answer

106 views

Https vs Scheduler Web Service Call

Hi,

We have installed the SSL Certificate on our server and apparently the scheduler doesn't like the secure connection.

Our scheduler calls via the web service methods and we cannot run the scheduler once we get on https.

Here is the error that we have encountered by now;

The underlying connection was closed: Could not establish trust relationship for the SSL/TLS secure channel. ---> System.Security.Authentication.AuthenticationException: The remote certificate is invalid according to the validation procedure.

Telerik.Web.UI.SchedulerWebServiceClient.HandleWebException(WebException webEx) at Telerik.Web.UI.SchedulerWebServiceClient.LoadResources(WebClient client, ResourcesPopulatingEventArgs args) at Telerik.Web.UI.SchedulerWebServiceClient.GetResources() at Telerik.Web.UI.RadScheduler.BindResourcesFromWebService() at

What could be the possible solution for that please?
Thank you

Scheduler

answered on 21 Sep 2015

3 answers

887 views

The remote certificate is invalid according to the validation procedure.

Just moved my web app up to a staging environment and I'm getting this error. I suspect it has something to do with an IIS error I was getting locally on my machine and used the following code to resolve it.
It seems that this is not working on our staging environment. Not sure how to resolve at this point. Maybe someone can offer some suggestions.

[AuthenticationException: The remote certificate is invalid according to the validation procedure.]
   System.Net.Security.SslState.StartSendAuthResetSignal(ProtocolToken message, AsyncProtocolRequest asyncRequest, Exception exception) +1425171

[WebException: The underlying connection was closed: Could not establish trust relationship for the SSL/TLS secure channel.]
   System.Net.WebClient.UploadDataInternal(Uri address, String method, Byte[] data, WebRequest& request) +302
   System.Net.WebClient.UploadString(Uri address, String method, String data) +170
   System.Net.WebClient.UploadString(String address, String method, String data) +35
   Telerik.Web.UI.SchedulerWebServiceClient.GetResources() +460

[Exception: Unable to retrieve response message]
   Telerik.Web.UI.SchedulerWebServiceClient.GetResources() +622

Setup web service in rad scheduler:

    
            <WebServiceSettings Path="SchedulerWebService.asmx"   
        
                            ResourcePopulationMode="ServerSide" />

Handle on resource populating

    
            OnResourcesPopulating="RadScheduler1_ResourcesPopulating"  
        
                    protected void RadScheduler1_ResourcesPopulating(object sender, Telerik.Web.UI.ResourcesPopulatingEventArgs e)  
        
                    {  
        
                        HttpCookie cookie = FormsAuthentication.GetAuthCookie(User.Identity.Name, false);  
        
                        string cookieHeader = string.Format("{0}={1}", cookie.Name, cookie.Value);  
        
                        e.Headers.Add(HttpRequestHeader.Cookie, cookieHeader);  
        
                    }

Scheduler

answered on 21 Sep 2015

1 answer

93 views

Create AutoCompleteBox from Javascript

Hi,

I am trying to create a variable number of autocompletebox from JavaScript.

I found some code on your forum about how to do it with a RadSlider and tried to adapt it.

Unfortunatly that failed...

This is what I did:

var id = 'multiHolder_' + nameIndex;

var boxProps = {

_id : id,

Enabled : "false",

EmptyMessage : "",

AllowCustomEntry : "false",

InputType: "Token",

_skin: "Default",

_width: "475px"

}

var boxEvents = {}; // No events

$create(Telerik.Web.UI.RadAutoCompleteBox, boxProps, boxEvents, null, holdingCell);

When the javascript runs I get the following error:

Unhandled exception at line 4278, column 1 in http://localhost:60713/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_TSM&compress=1&_TSM_CombinedScripts_=;;System.Web.Extensions,+Version=4.0.0.0,+Culture=neutral,+PublicKeyToken=31bf3856ad364e35:en-US:47de63c8-89d4-489c-bfde-4185a11627a3:ea597d4b:b25378d2;Telerik.Web.UI,+Version=2015.1.401.45,+Culture=neutral,+PublicKeyToken=121fae78165ba3d4:en-US:4f93cdea-660e-49e9-b57d-168c603f1b46:16e4e7cd:f7645509:24ee1bba:6d43f6d9:874f8ea2:c128760b:88144a7a:1e771326:f9b9258:78b9daca

0x800a138f - JavaScript runtime error: Unable to get property 'children' of undefined or null reference

This is a really urgent matter for us.

We would really prefer to be able to create the AutoCompleteBox dynamically rather than having a bunch of predefined one that we show/hide on the fly...

AutoCompleteBox

answered on 21 Sep 2015

5 answers

135 views

RadAsyncUpload in https

Hi,

I'm encountering error when trying to upload through https but if I browse through http, no issues encountered.

It always point me to highlighted line on attached file.

Please advise, thanks.

AsyncUpload

answered on 21 Sep 2015

2 answers

96 views

RadEditor content in HTML mode issue

Hi RadEditor team!.

I have a problem related to the RadEditor control. I want to use my definition tag in the RadEditor's content.

Ex: <#xyz> Here is my tag </#xyz>
I paste it into the HTML mode, then click Design mode after that click HTML mode again, the closing tag (</#xyz>) is disappearing

My question is: how can I keep the input value of my definition tag?.

I'm using Telerik.Web.UI with version: 2012.3.1016.35 for SharePoint 2013.

Thanks a lot.

Lee K

Editor

answered on 21 Sep 2015

6 answers

297 views

Filtering Issues using FilterCheckListEnableLoadOnDemand, BatchEdit, & TemplateColumn

I'm in the process of implementing a grid that requires the FilterCheckList (like Excel) and BatchEditing (which requires GridTemplateColumn). In the grid below, the columns State & FullName work just fine, but once i turned the column "Days" into a template column, the filtering on that column stopped working. Any ideas? Currently using 2014.1.225.40. Thanks!

ASP.NET

<telerik:RadGrid ID="gridData" runat="server" Skin="Telerik" OnNeedDataSource="NeedDataSource_Data"

AutoGenerateColumns="false" AllowSorting="true" AllowFilteringByColumn="true" ShowHeader="true" ShowFooter="true" Width="100%"

OnFilterCheckListItemsRequested="RadGrid1_FilterCheckListItemsRequested" FilterType="CheckList" GridLines="Both" AllowPaging="false">

<GroupingSettings CaseSensitive="false" />

<MasterTableView DataKeyNames="ID, Days" CommandItemDisplay="Top" EditMode="Batch">

<BatchEditingSettings EditType="Row" />

<Columns>

<telerik:GridBoundColumn DataField="FullName" SortExpression="FullName" HeaderText="Name" FilterCheckListEnableLoadOnDemand="true" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="false"></telerik:GridBoundColumn>

<telerik:GridTemplateColumn DataField="Days" HeaderText="Idle" FilterCheckListEnableLoadOnDemand="true"

AllowFiltering="true" SortExpression="Days" AutoPostBackOnFilter="true" UniqueName="Days">

<ItemTemplate>

<%# DataBinder.Eval(Container.DataItem, "Days") %>

</ItemTemplate>

<EditItemTemplate>

<%# DataBinder.Eval(Container.DataItem, "Days") %>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="State" HeaderText="State" FilterCheckListEnableLoadOnDemand="true" ></telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

C#

protected void RadGrid1_FilterCheckListItemsRequested(object sender, GridFilterCheckListItemsRequestedEventArgs e)

{

string DataField = e.Column.DataField;

DataSet ds = (DataSet)Cache[cacheKey];

List<object> list = (from row in ds.Tables[0].AsEnumerable() select row[DataField]).Distinct().ToList();

DataTable dtResults = new DataTable();

dtResults.Columns.Add(DataField);

DataRow drResult;

foreach(object obj in list)

{

drResult = dtResults.NewRow();

drResult[DataField] = obj;

dtResults.Rows.Add(drResult);

}

e.ListBox.DataSource = dtResults.AsEnumerable().Where(x => !x[DataField].ToString().IsNullOrEmpty()).OrderBy(y => y[DataField]).CopyToDataTable();

e.ListBox.DataKeyField = DataField;

e.ListBox.DataTextField = DataField;

e.ListBox.DataValueField = DataField;

e.ListBox.DataBind();

}

Grid

answered on 19 Sep 2015

1 answer

165 views

Showing and hiding the RadEditor control dynamically

Hi All,

I've implemented this code from Docs and Api reference but the toolbar is no longer showing when I change the position of div when shown.

Any Help?

Thanks in advance!

<div id="wrapper" style="display:none;">

<telerik:RadEditor ID="RadEditor1" runat="server">

</telerik:RadEditor>

</div>

<telerik:RadButton runat="server" ID="RadButton1" Text="Toggle Visibility"

OnClientClicked="OnClientClicked" AutoPostBack="false">

</telerik:RadButton>

<script type="text/javascript">

function OnClientClicked(sender, args) {

var editor = $find("<%= RadEditor1.ClientID %>");

var wrapper = $get("wrapper");

var isEditorVisible = editor.isVisible();

if (isEditorVisible) {

$telerik.$(wrapper).hide(); // jQuery approach

//wrapper.style.display = "none"; // JS approach

} else {

$(wrapper).attr("style", "LEFT: 300px; WIDTH: 400px; HEIGHT: 500px; POSITION: absolute; TOP: 62px; z-index: 210");

//Code added to set position when shown

$telerik.$(wrapper).show(); // jQuery approach

//wrapper.style.display = ""; // JS approach

editor.repaint();

}

</script>

Editor

answered on 19 Sep 2015