Questions on UI for ASP.NET AJAX Forum

6 answers

323 views

[Solved] Access radnumerictextboxes inside radgrid on clientside while add new record

Dear Telerik team,

My support has just expired. While my office renews it, I have a question. I want to access radnumerictextboxes which are inside RadGrid while adding a new record on client side. I want to multiply values of two radnumerictextboxes and display the result in third.

    
            function SetTotalCost2(sender, args)  
        
            {   
        
            var grid = $find('<%=gridBudget.ClientID %>');    
        
            var MasterTable = grid.get_masterTableView();    
        
            var Rows = MasterTable.get_dataItems();  
        
            var textbox1 = Rows[1].findControl("txtCostPerUnit"); //which row no. to use to get add new row reference  
        
            var textbox2 = Rows[1].findControl("txtNoOfUnit");   
        
            var textbox3 = Rows[1].findControl("txtTotalCost");   
        
            textbox3.set_value(textbox1.get_value() * textbox2.get_value());  
        
            }

Could you please help. I don't know how to access row while adding a new record on client side.

Many thanks,
Sana Khurram

Grid

answered on 15 Sep 2011

1 answer

114 views

Set window content via JS

Is there any way I can open a rad window with JS that would show the contents of a html coded JS string, instead of directing it to a URL?

Window

answered on 15 Sep 2011

5 answers

175 views

[Solved] Clearing a radcombo box

hi,

I was trying to clear a radcombobox's selected value and text inside a radgrid using RadCombo.ClearSelection() and it failed. please let me know of any simple way to clear the RadCombo on the clientside.

Thanks,
Minh Bui

Grid

answered on 15 Sep 2011

3 answers

118 views

White space appearing at the end of the grid

Hi,

I am using telerik radgrid. The problem is when i scroll to the extreme right of the grid white space appears at the end. I have frozen columns in my grid. If I remove the frozen columns, the problem seems to be resolved but i can't do away with frozen columns since i need them.

Please suggest a solution.

Raghav

Grid

answered on 15 Sep 2011

1 answer

60 views

refreshing programatically created grid

Hi,

I am trying to refresh a grid as in the online demo on this site:

http://demos.telerik.com/aspnet-ajax/controls/examples/integration/gridandwindow/defaultcs.aspx?product=grid

the only difference is that i am using a radgrid that i create in the code-behind. I am experiencing lots of problems with the refreshing. the ajaxRequest is called, it reaches the function in the code-behind, but nothing happens on the screen. Much like the problems described in other threads.

My question is, do you have an example project where a programatically created grid is refreshed? i haven't come across one of those yet.

thanks. Willem

Grid

answered on 15 Sep 2011

4 answers

184 views

Mega Menu with server side redirects on hyperlinks

Hello,

We have implemented the MegaMenu per the example found here:
http://demos.telerik.com/aspnet-ajax/menu/examples/megadropdown/defaultcs.aspx

At the top of our menu, the user can select from a list of agencies and agents. I've attached a screen shot of how it looks in our scenario.

When they select a specific agency/agent, then click on a link specific to an agency/agent, we need that link to post back to the server to meet the following business requirements:
- users must see the spinning AJAX notification when a redirect is occuring
- all querystring data must be encrypted and not visible in the URL or in the markup

The closest I can get this to working is to set RadSiteMapNode.Value to the URL and RadSiteMapNode.NavigateUrl to javascript:NavTo() and having NavTo fire an AjaxRequest.

<telerik:RadSiteMapNode Value="{\"linkid\": \"230\"}" NavigateUrl="javascript:NavTo(this);"

Text="Agency Info" />

function NavTo(sender) {

// somehow find out the value from the RadSiteMapNode clicked to retrieve the link

var linkId = '230';

$find(window.ajaxManagerID).ajaxRequest('MenuNav:' + linkId);

}

Problem is that I passing "this" into the javascript method passes in a DOMWindow reference, not a reference to the link clicked.

Anyone have any suggestions on where I should go from here?

Thanks!!
Thad

Menu

answered on 15 Sep 2011

1 answer

121 views

Rad Grid - Click event of entire row

Hi,

We have a grid having multiple columns. Few columns have text and few columns have links which take user to different pages.
I want that if user clicks any where in row ( not on links in columns ) the row gets selected ( like shown here ) and a server side event gets fired. I got success in this, but then the links in columns do not work too. Those links also fire the same Row click event.

How can I avoid this?

General Discussions

answered on 15 Sep 2011

5 answers

356 views

[Solved] Not sure if this is possible. Obtain handle on sender id during endRequest event.

Hi Telerik,

I am attempting to make the follow scenario look visually more appealing to the end user:

-- User drag-and-drops a control onto the page. This starts a postback, I manually place a loading panel over the proper area.
-- User drag-and-drops a second control onto the page before the first postback has finished. I do not wish to cancel the firstpostback, I queue up the second postback and listen in the endRequest event.

Now, I would like to display a loading panel over both of these elements. I can do that perfectly fine. The problem lies in the fact that I cannot get a handle on whose request is ending inside of the endRequest method.

var dockZoneDroppedOnID = "";

var displayOverBaseID = "";

//Handles drawing the LoadingPanels over the correct elements when callbacks are occurring.

var loadingPanel = "";

var pageRequestManager = Sys.WebForms.PageRequestManager.getInstance();

var postBackElement = "";

pageRequestManager.add_initializeRequest(initializeRequest);

pageRequestManager.add_endRequest(endRequest);

//This will display a loading panel over a control. It's useful to change what the loading panel is being

//displayed over in some scenarios because it just doesn't look quite right. e.g. when moving between panels

//the loading panel should only be the size of the pane that the dock is moving to, not the full size of the dock currently.

function initializeRequest(sender, eventArgs) {

loadingPanel = $find(radAjaxLoadingPanel1ID);

loadingPanel.hide(postBackElement);

postBackElement = eventArgs.get_postBackElement().id;

//When drag and dropping the 'interesting' control isn't where we're coming from but where we're going to.

if (dockZoneDroppedOnID != "") {

postBackElement = $find(dockZoneDroppedOnID).get_parent().get_id();

dockZoneDroppedOnID = "";

}

else if (displayOverBaseID != "") {

postBackElement = displayOverBaseID;

displayOverBaseID = "";

}

loadingPanel.show(postBackElement);

}

//This will hide the loading panel thats currently being displayed and,

//if the user decided to continue dropping things onto the page, it will fire

//the next event.

function endRequest(sender, eventArgs) {

loadingPanel = $find(radAjaxLoadingPanel1ID);

loadingPanel.hide(postBackElement);

if (droppedItemQueue.length > 0) {

droppedItemQueue.shift(); //Remove the ID of the control we just finished.

droppedItemQueue.shift(); //Remove the data for the control we just finished.

}

//If we've got more ajax requests queued up.

while (droppedItemQueue.length > 0) {

var uniqueDockZoneID = droppedItemQueue.shift();

var data = droppedItemQueue.shift();

$find(radAjaxManagerID).ajaxRequestWithTarget(uniqueDockZoneID, $.toJSON(data));

}

if( resizeQueue.length > 0) {

resizeQueue.shift(); //Remove the ID of the control we just finished.

}

while (resizeQueue.length > 0) {

var resizedID = resizeQueue.shift();

$find(radAjaxManagerID).ajaxRequestWithTarget(resizedID);

}

What this currently does is hide any visible loading panel on the screen before drawing a new one. I would like to keep a list of currently displayed loading panels, then, in end request, hide the appropriate loading panel. Is it possible to do this? All the examples I see just keep a single global variable and hide it in endRequest -- which will not work for my situation.

Thanks

Sean

Ajax

answered on 15 Sep 2011

6 answers

167 views

RadMenu Render problem

I have a problem with the rendering of the Radmenu on the remote server, its ok on my devlopment machine

On page load the top padding (margin) is missing as shown in Menu1.jpg.
Following a postbacj it corrects itself as shown in Menu2.jpg.

I'm using my own copies of the skins, but they are just copies of the standard ones.

What is causing this?

Andy
PS My Radmenu is in a User Control on a Masterpage.

Menu

answered on 15 Sep 2011

2 answers

149 views

radcombobox and setfocus

how can i set focus on radcombobox on page load event.

ComboBox

answered on 15 Sep 2011