Questions on UI for ASP.NET AJAX Forum

1 answer

340 views

External JS file cannot detect telerik items

Hello
I try to work with telerik button using client side in external JS file but i cannot detect it, but when i put the code inside the page it works good.
this is Page HTML code

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html>

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

<head runat="server">

<title></title>

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

<script type="text/javascript" src="JavaScript.js"></script>

</telerik:RadScriptBlock>

</head>

<body>

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

<div>

<telerik:RadButton ID="RadButton1" runat="server" Text="RadButton" OnClientClicked="test"></telerik:RadButton>

</div>

<telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>

</form>

</body>

</html>

and this is my JS file code

function test(sender,args) {

var button = $find("<%= RadButton1.ClientID %>");

alert(button.get_text());

}

thanx in advance

ScriptManager and StyleSheetManager

answered on 27 Jan 2014

1 answer

89 views

Radgrid is displaying nothing

Hello,

We recently *attempted* to upgrade our project to be used in visual studio 2013. Upon first attempting to build, we got an error saying the Ajaxcontroltoolkit was not found. So we added a reference to the new 4.0 Ajaxcontroltoolkit, this is a ASP.NET 4.0 application and the Telerik controls are the 4.0 version, however our radgrids are showing up completely blank.

I have found several forum threads pointing saying you must verify everything is 4.0 and such and I have, but I cannot get the Radgrid to display at all.

How can I fix this issue?

Thanks for the help!

Grid

answered on 27 Jan 2014

1 answer

85 views

Change the filter icon image

Hi
Is it possible to change the filter icon image?

Grid

answered on 27 Jan 2014

4 answers

103 views

[Solved] combobox rendering issue

hello,

i have a problem with the combobox. The rendering seems not to be all right.
I have a screenshot. An idea whats wrong?

greetings
Jens

ComboBox

answered on 27 Jan 2014

1 answer

378 views

how to find all rad controls in asp.net page

hi support team

can u please provide sample code for me to find all RAD CONTROLS in asp.net web page... i have many rad controls in my aspx page. i want to find all the controls server side...

General Discussions

answered on 27 Jan 2014

1 answer

197 views

Scheduler time slot double click event in client side

Hi,
Is double click event is possible in client side in scheduler time slot ? please tell which event in client side will trigger the double click?
I used "OnClientAppointmentInserting" but this event not trigger in double click in appointment scheduler time slot.

Scheduler

answered on 27 Jan 2014

1 answer

309 views

How to make AJAX RadAutoCompleteBox search case insensitive?

Hey Guys,

The problem I am having is that the filtering functionality of the AutoCompleteBox is case sensitive.

I have names stored in the database with an uppercase first letter, so if a user enters a lower case letter into the autocompletebox, it does not display any results.

I have searched for properties within the control itself to work around this, but there seems to be none. Is there a way to handle the filtering method myself in the server code, or even the client?

I'm implementing a RadAutoCompleteBox to search through a list of items bound to the control using a LinqDataSource.

In the LinqDataSource, I am use the onselecting event to fetch the data.

protected void LinqDataSourceForAutoComplete_OnSelecting(object sender, LinqDataSourceSelectEventArgs e)
{
using (DataClassesDataContext dc = new DataClassesDataContext())
{
var membersUsers = (from ue in dc.UserEntities
join boe in dc.BusinessOwnerEntities on ue.ID equals boe.UserEntity.ID into j1
from j2 in j1.DefaultIfEmpty()
where j2 != null
select new
{
ID = ue.ID,
Description =
string.Format("{0}, {1}", ue.Surname,
ue.PreferredName != null ? ue.PreferredName : ue.FirstName)
}).ToList();
e.Result = membersUsers;
}
}

and here is the markup for the RadAutoCompleteBox

<telerik:RadAutoCompleteBox runat="server" ID="RadAutoCompleteBox1"
DataSourceID="LinqDataSourceForAutoComplete"
DataValueField="ID"
DataTextField="Description"
InputType="Token"
TextSettings-SelectionMode="Single"
Filter="Contains"
>
</telerik:RadAutoCompleteBox>

Any help on how I could get around this would be greatly appreciated!

AutoCompleteBox

answered on 27 Jan 2014

3 answers

93 views

Timeslots are not selectable

Hi,

In our RadScheduler, we can't select timeslots by dragging the mouse over free cells.
It happens also if the client clicks on a single cell, without dragging the mouse.
I thought it's related to the ReadOnly property, but it is set to false
Also on right-click, the context menu is shown, but the cell is not selected.
Please advise. We want the timeslots will be selectable.

* We use version 2013.2.717.40.
** We use client side binding with web service.

Thanks,
Guy.

Scheduler

answered on 27 Jan 2014

1 answer

85 views

Save row only works with alert or breakpoint (Ajax)

Hi,

I'm using a rad grid to display invoice items. The first column of the grid is a drop down menu which gives the option to select an item. Once the item is selected the remaining columns will auto populate with price , quantity, amount, etc. Once the amount column populates . I execute a function (OnValueChanged event) to save that row of data with ajax web method. The problem occurs after the first row of data saves. If you immediately move to the second row and select an item sometimes it saves and sometimes it doesn't. If I wait about a minute to select an item in another row it will work but that's not ideal. It always works if I place a breakpoint or an alert in the function. I think it maybe an ajax issue BTW it works perfectly in IE. Would appreciate any help. I've attached a screen shot of the grid and the code.

function AmountChanged(sender, args) {

if (args._oldValue != '') {

CalculateGridLineTotals();

ReCalculateTaxes();

}

console.log("Row Number " + rowIndex1)

SaveInvoiceItems();

}

function SaveInvoiceItems() {



                var masterTable = $find("<%=grdInvoiceItems.ClientID%>").get_masterTableView();

                //for (var row = 0; row < masterTable.get_dataItems().length; row++) {

                var Id = masterTable.getCellByColumnUniqueName(masterTable.get_dataItems()[rowIndex1], "Id");



                var grid = $find("<%=grdInvoiceItems.ClientID%>");

                var masterTbl = grid.get_masterTableView();

                var gridRow = masterTbl.get_dataItems()[rowIndex1];



                var item = gridRow.findControl("ddlItems")._text;

                var description = gridRow.findControl("txtDescription")._text;

                var price = gridRow.findControl("txtPrice")._text;

                var qty = gridRow.findControl("txtQty")._text;

                var discount = gridRow.findControl("txtDiscount")._text;

                var amount = gridRow.findControl("lblAmount")._text;



                if (discount == '')

                    discount = 0;

                if (price == '')

                    price = 0;

                if (qty == '')

                    qty = 0;

                if (amount == '')

                    amount = 0;



                var obj_as_object = { id: Id.innerHTML, item: item, description: description, price: price, qty: qty, discount: discount, amount: amount };;

                var obj_as_string = JSON.stringify(obj_as_object);



                var xhr = $.ajax({

                    type: "POST",

                    url: "/WebService/InvoiceWebService.asmx/UpdateRecurringInvoiceItems",

                    data: obj_as_string,

                    'async': false,

                    contentType: "application/json; charset=utf-8",

                    dataType: "json",

                    beforeSend: function (xhr, settings) {

                        xhr.startTime = new Date().getTime();

                        $("#wait").css("display", "block");

                    },

                    complete: function (xhr) {

                        var elapsed = new Date().getTime() - xhr.startTime;

                        if (elapsed < 3000) {

                            $("#wait").css("display", "block").delay(7000 - elapsed).hide(1);

                        } else {

                            $("#wait").css("display", "block").hide();

                        }

                    }

                });



                //)).then(function (data, textStatus, jqXHR) {

                //    //alert("what is this"); // Alerts 200

                //});







                //setTimeout(doSomething(Id.innerHTML), 3000);

                //}



            }

thanks,
Ron.

Grid

answered on 27 Jan 2014

1 answer

157 views

RadBinaryImage not showing when inside a masterpage

Hi, I am putting together a website using some pages with telerik controls on them and then also the Blogengine.net open source system. When I try and use the RadBinaryImage control on a page which inherits from a masterpage it doesn't show any of the images in a configured folder (like the demo). Instead it shows the broken image icon.

What could I be doing wrong? I have a zip file with a small project but can't attach it to this thread -

any ideas?

Many thanks

Alan

BinaryImage

answered on 27 Jan 2014