Questions on UI for ASP.NET AJAX Forum

1 answer

87 views

How do I move components between servers?

Hello,

I need move production website from one server to another. I'm not developer and I can see JavaScript throws error "Telerik not defined" on line below. I moved all bin folders etc. GAC does not have those assemblies. I can see Telerik.Web.UI.dll in BIN folder. Original web.config in place as well. Is it license issue or what do I do? Entries in web.config are below

WebForm_InitCallback();Sys.Application.add_init(function() {
$create(Telerik.Web.UI.RadComboBox, {"_dropDownW

General Discussions

answered on 13 Jun 2016

29 answers

1.2K+ views

Script Manager error

hi,
i am getting this error when i add prometheus ajax manager
" the control with id'radajaxmanager1' requires a script manager on the page. the script manager must appear before any element that need it."

telerik.web.i added the ajax script manager and it is working fine with it's update panel and controls on page, add to that i get Ambiguous referenceui.radajaxmanager.

what am i missing here ?

Ajax

answered on 13 Jun 2016

3 answers

218 views

Loop through dataitems on clientside

How can I loop through all the items of the listview on the clientside to find a control in the item template?

ListView

answered on 13 Jun 2016

1 answer

90 views

Single Click - Still clickable?

Hi,
I have a radbutton, which when clicked does some processing. I use a radprogress area to show the progress. So far this works ok.
I have since enabled the ‘single click’ functionality. This gives the impression that its working ok, as it becomes greyed out, however if a user clicks it still works?
I’m pretty sure it’s something to do with progress area as if I remove this it works ok?

Any ideas?

Button

answered on 13 Jun 2016

1 answer

222 views

BatchEditing Error !

Hi Guys,

I have used RadGrid with batchupdate. I have datalist, When I choose one item from DataList (Product code, Name, Quantity, Quom..), I want to add a new row into Radgrid and auto fill product code, name, quantity.. that I had chossen from Datalist.

I have function below:

I$("[id*=btnAddNewD]").live("click", function () {
var prdccode = $("[id*=lblPrdcCode]", $(this).closest("table")).html();
var prdcname = $(this).parent().parent().parent().find("input[type=hidden]").val();
addNewItem(prdccode, prdcname);
return false;
});
function addNewItem(prdccode, prdcname) {
var grid = $find('<%=RadGrid1.ClientID%>');
var grid_master = grid.get_masterTableView()
var grid_batchmanager = grid.get_batchEditingManager()
grid_batchmanager.addNewRecord(grid_master);

var newItem = grid_master.get_dataItems()[0]
var v_prdccode = newItem.get_cell("PrdcCode");

var newItem1 = grid_master.get_dataItems()[0]
var v_prdcname = newItem1.get_cell("MPrdcNme");

setTimeout(function () {
grid.get_batchEditingManager().changeCellValue(v_prdccode, prdccode); => change
grid.get_batchEditingManager().changeCellValue(v_prdcname, prdcname); => Not change
}, 0);
}

...but only first column was changed value. please help me.

Thanks.

Grid

answered on 13 Jun 2016

4 answers

233 views

SearchContext with 2 differents datasource

Hi guys, I've been struggling with a problem all day.

The scenario I want to acheive is:
With the same radsearchbox, I wanna search in 2 differents datasource.

Let me explain. On my main page, if I choose the "News" context, I wanna be able to search in my News database on 3 differents fields.
I was able to get the expected result with this code.

<telerik:RadSearchBox ID="rsbSearch" runat="server" InputType="Text" TextSettings-SelectionMode="Single" DataSourceID="SqlSearchDataSource"

DataValueField="ID" OnDataSourceSelect="rsbSearch_DataSourceSelect" EmptyMessage="Rechercher" Width="250px" MaxResultCount="5" >

<SearchContext ShowDefaultItem="false" DataKeyField="Titre" >

<Items>

<telerik:SearchContextItem Text="Nouvelle" Key="News" />

<telerik:SearchContextItem Text="Bottin" Key="Bottin" />

</Items>

</SearchContext>

<DropDownSettings CssClass="rsbSearchPopUp">

<ItemTemplate>

<asp:PlaceHolder ID="test1" runat="server">

<table class="tableNews" style="z-index:200;" >

<tbody>

<tr>

<td class="actualityDescription">

<table>

<tr>

<td>.............

and the code behind

protected void rsbSearch_DataSourceSelect(object sender, SearchBoxDataSourceSelectEventArgs e)

{

SqlDataSource source = (SqlDataSource)e.DataSource;

RadSearchBox mySearchBox = (RadSearchBox)sender;

string filterString = e.FilterString;

if (e.SelectedContextItem != null && e.SelectedContextItem.Key.ToLower() == "news")

{

source.SelectCommand = "SELECT TOP 100 * FROM [NewsData] WHERE DescriptionCourte Like '%" + filterString + "%'" +

" OR Titre Like '%" + filterString + "%'" +

" OR DescriptionLongue Like '%" + filterString + "%'";

}

else {

//mySearchBox.DataSource = Intranet.BL.Employe.GetEmployees(true, filterString);

}

Now by choosing the "Bottin" context, I wanna be able to get the result from a business logic object named Employe from a function GetEmployeList(string name). I tried to set the new datasource of my searchbox with the result of my function, but it didn't work since i already define a datasourceID

Any hints on how I could be able to have 2 different datasource depending on the context choice?

Thank you.

SearchBox

answered on 12 Jun 2016

2 answers

120 views

Server-side events when selection changes?

I have a rotator control that has a list of periods bound do it (think like a Category). When I click the button to move to a new selection, I want a grid to update with the information for that period (e.g. grab the ID of the selected period, and query for it). There doesn't seem to be a way to do this server-side though, only on the client. Is my only recourse to use Ajax to pull the data and refresh the grid when something changes in the RadRotator?

Rotator

answered on 10 Jun 2016

3 answers

179 views

RenderSelectedPageOnly without postbacks

Hi, I want something like

http://demos.telerik.com/aspnet-ajax/tabstrip/examples/multipage/dynamic-pageview-creation/defaultcs.aspx

but I don't want to create any RadPageView in server-side way, but only use the RadPageViews already created client-side.

Until now, I have

a RadMultiPage with RenderSelectedPageOnly="true"
and in RadTabStrip AutoPostBack="true"

.... I totally want to avoid postbacks.

Is possible?

TabStrip

answered on 10 Jun 2016

3 answers

361 views

[Solved] Colspan Override For GridGroupHeaderItem

Trying to follow ManniAT's Colspan override... thread, but instead of changing the colspan on a nested view item, I am trying to change the colspan on a gridgroupheader item. In my case, I just want to get rid of the colspan altogether. I've tried a number of variations, including accessing the colspan attribute from the itemCreated as well as the prerender events, and changing the colspan value to "0" as well as trying grh.DataCell.Attributes.Remove("colspan").

Protected Sub RadGrid3_ItemCreated(ByVal sender As Object, ByVal e As GridItemEventArgs) Handles RadGrid3.ItemCreated
        If TypeOf e.Item Is GridGroupHeaderItem Then
            CType(e.Item, GridGroupHeaderItem).DataCell.Attributes("colspan") = 0
        End If
    End Sub

Protected Sub RadGrid3_PreRender(ByVal sender As Object, ByVal e As EventArgs) Handles RadGrid3.PreRender
        For Each grh As GridGroupHeaderItem In CType(sender, RadGrid).MasterTableView.GetItems(GridItemType.GroupHeader)
            grh.DataCell.Attributes.Remove("colspan")
        Next
    End Sub

Neither of these seem to work. When I try to change the colspans value to 0, I end up with duplicate colspan attributes for the TD (<td colspan="0" colspan="3"><p>R.V.'S</p></td>), and when I try to remove it, I still see the original colspan="3" attribute. (<td colspan="3"><p>R.V.'S</p></td>

Any help will be appreciated.

Thank you,

-J.

Grid

answered on 10 Jun 2016

1 answer

128 views

[FileExplorer] Mobile-Support

Good afternoon,

After some extended searching on the forums, Google and SO I have been unable to find any way to integrate mobile-support (long-touch) for FileExplorer.

What I want is to show the context-menu (rename, download etc...) when a user is on a handheld device (most usually an iPad using Safari).

I've found some threads showing how to add mobile-support for radschedulers and attempted to integrate it into my code, but to no avail.

To clarify: I want my FileExplorer to handle any longtouch on a handheld device as a right-click event by a mouse (desktop).

<%@ Control Language="vb" AutoEventWireup="false" CodeBehind="FileExplorer.ascx.vb" Inherits="WSC.DNN.WSCFileExplorer.FileExplorer" %>

<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>

<script type="text/javascript">

(function (global, undefined) {

function OnClientFileOpen(oExplorer, args) {

var item = args.get_item();

var fileExtension = item.get_extension();

var fileDownloadMode = true;

if ((fileDownloadMode == true) && (fileExtension == "jpg" || fileExtension == "gif" || fileExtension == "png")) {// Download the file

// File is a image document, do not open a new window

args.set_cancel(true);

// Tell browser to open file directly

var requestImage = window.location.origin + "/Desktopmodules/WSCFileExplorer/Controls/Handler.ashx?path=" + item.get_url();

if (requestImage.indexOf("localhost") != -1)

{

requestImage = window.location.origin + "/jaberodnn7/Desktopmodules/WSCFileExplorer/Controls/Handler.ashx?path=" + item.get_url();

}

//var requestImage = "Handler.ashx?path=" + item.get_url();

//document.location = requestImage;

window.open(requestImage);

}

global.OnClientFileOpen = OnClientFileOpen;

})(window);

jQuery(function ($) {

var setupModule = function () {

$('#frmWSCRepository').dnnPanels();

$('#frmWSCRepository .dnnFormExpandContent a').dnnExpandAll({

targetArea: '#frmWSCRepository'

});

};

setupModule();

Sys.WebForms.PageRequestManager.getInstance().add_endRequest(function () {

// note that this will fire when _any_ UpdatePanel is triggered,

// which may or may not cause an issue

setupModule();

});

//function OnClientLoad(explorer, args) {

// var chkBox = $get("fileexplorer1_chkOverwrite");

// chkBox.checked = true;

// chkBox.parentNode.style.display = "none";

//};

//function OnClientFileOpen(sender, args) {

// if (!args.get_item().isDirectory()) {

// var href = args.get_item().get_path();

// window.location.href = href;

// args.set_cancel(true);

// }

//};

</script>

<div class="dnnForm dnnClear" id="frmWSCRepository">

<h2 id="WSCRepositoryExp" class="dnnFormSectionHead">

<a href="#">Documents Repository</a></h2>

<fieldset class="dnnClear">

<telerik:RadFileExplorer runat="server" ID="WSCFileExplorer" Width="520px" Height="310px" Language="en-GB" PageSize="50" EnableOpenFile="true" onclientfileopen="OnClientFileOpen">

</telerik:RadFileExplorer>

<asp:CustomValidator ID="CustomValidator1" runat="server" CssClass="dnnFormMessage dnnFormValidationSummary"

ErrorMessage="CustomValidator" Display="Dynamic"></asp:CustomValidator>

</fieldset>

<script>

function extendedFileExplorer_onGridContextItemClicked(oGridMenu, args) {

var menuItemText = args.get_item().get_text();

if (menuItemText == "Download") {// 'Download' command

extendedFileExplorer_sendItemsPathsToServer();

}

function extendedFileExplorer_sendItemsPathsToServer() {

var oExplorer = $find("<%= WSCFileExplorer.ClientID%>"); // Find the RadFileExplorer ;

var selectedItems = oExplorer.get_selectedItems(); // Retrieve the selected items ;

var selectedItemsPaths = extendedFileExplorer_combinePathsInAString(selectedItems); // Get the paths as a string in specific format ;

var hiddenField = $get("<%= ctlHiddenField.ClientID %>"); // Find the hiddenField

hiddenField.value = selectedItemsPaths;

__doPostBack("<%= btnDownload.UniqueID %>", ""); // Call the 'btnDownload_Click' function on the server ;

}

function extendedFileExplorer_combinePathsInAString(arrayOfSelectedItems) {

var itemPaths = new Array();

for (var i = 0; i < arrayOfSelectedItems.length; i++) {

// Pass all the selected paths ;

itemPaths.push(arrayOfSelectedItems[i].get_path());

}

// Return a string that contains the paths ;

return itemPaths.join("|");

}

</script>

Thanks!

FileExplorer

answered on 10 Jun 2016