I'm using a radgrid right now, and I want to include some specific functionality.  I want to use the skin icons as for my custom imagebuttons.

How would I get the webresource url to use as the image url for any of the icons listed in the link below?

http://www.telerik.com/help/aspnet-ajax/grid-appearance-skins.html


I came across this thread

http://www.telerik.com/community/forums/aspnet-ajax/grid/how-to-use-the-telerik-icons-in-html.aspx

but the technique listed here doesn't work for me.  I'm just getting a broken image link.

Thanks,
Javier

Hi,
First of all, I am using a RadGrid control from the Q3 2009 package, Windows XP, IE...

I have a page which has a master grid which is linked to another table by datakeynames.  The problem is that this child grid, which works perfectly fine, shares the same space on the web (a table cell actually) with another grid (import grid).  The reason is when a user does something else on the page, this child grid hides and the other appears until the user selects a row on the master again. 

What I find is that if the import grid is visible and I click the master grid, the import grid doesn't hide as the code requests, and the child grid appears, but just as a bunch of text with no datagrid look to it at all.  I find though that if I click a button the postback kicks in properly and suddenly the import grid vanishes and the child table (with the same data as before) appears all nice and pretty.  So, after a lot of testing and research it seems the postback just isn't doing it's job.




This is my table for the child grid and the import grid in my aspx page:

 

<table style="width:100%;">

 

 

<tr>

 

 

<td class="style1" width="50%" align="left" valign="top">

 

 

 

<telerik:RadGrid ID="rgIngredients" runat="server" DataSourceID="odsIngredients"

 

 

AllowPaging="True" GridLines="None" Skin="WebBlue" PageSize="15"

 

 

AutoGenerateColumns="False" >

 

 

 

<PagerStyle Mode="NextPrevNumericAndAdvanced" />

 

 

 

<MasterTableView DataKeyNames="trx-num" CommandItemDisplay="Top" >

 

 

 

<CommandItemTemplate>

 

 

<table width="100%" >

 

 

<tr >

 

 

 

<td style="text-align:center">

 

 

<asp:Label ID="OEHeaderType" Text="Ingredient List"

 

 

runat="server">

 

 

</asp:Label>

 

 

</td>

 

 

</tr>

 

 

</table>

 

 

</CommandItemTemplate>

 

 

 

<Columns>

 

 

 

<telerik:GridBoundColumn DataField="sequence-no" HeaderText="Seq No." SortExpression="sequence-no"

 

 

UniqueName="sequence-no">

 

 

</telerik:GridBoundColumn>

 

 

<telerik:GridBoundColumn DataField="line-item-type" HeaderText="Type" SortExpression="Type"

 

 

UniqueName="Type">

 

 

</telerik:GridBoundColumn>

 

 

<telerik:GridBoundColumn DataField="product-no" HeaderText="Product No" SortExpression="product-no"

 

 

UniqueName="product-no">

 

 

</telerik:GridBoundColumn>

 

 

<telerik:GridBoundColumn DataField="product-name" HeaderText="Description" SortExpression="product-name"

 

 

UniqueName="product-name">

 

 

</telerik:GridBoundColumn>

 

 

<telerik:GridBoundColumn DataField="crop-yr" HeaderText="Crop Yr" SortExpression="crop-yr"

 

 

UniqueName="crop-yr">

 

 

</telerik:GridBoundColumn>

 

 

<telerik:GridBoundColumn DataField="quantity" HeaderText="Quantity" SortExpression="quantity"

 

 

UniqueName="quantity">

 

 

</telerik:GridBoundColumn>

 

 

 

 

</Columns>

 

 

 

</MasterTableView>

 

 

</telerik:RadGrid>

 

 

 

<telerik:RadGrid ID="rgImportedItems" runat="server"

 

 

GridLines="None" ShowFooter="false"

 

 

AutoGenerateColumns="false" Skin="Sunset"

 

 

ShowHeader="true" Width="85%" >

 

 

 

<PagerStyle Mode="NextPrevNumericAndAdvanced" />

 

 

 

<MasterTableView CommandItemDisplay="Top" DataKeyNames="Type,ProductCode,Qty,CropYr,UOM,Amount,Account,PCCtr" >

 

 

 

<CommandItemTemplate>

 

 

<table width="100%" >

 

 

<tr >

 

 

 

<td style="text-align:center">

 

 

<asp:Label ID="OEHeaderType" Text="Imported File"

 

 

runat="server">

 

 

</asp:Label>

 

 

</td>

 

 

</tr>

 

 

</table>

 

 

</CommandItemTemplate>

 

 

<Columns>

 

 

<telerik:GridBoundColumn DataField="Type" HeaderText="Type">

 

 

</telerik:GridBoundColumn>

 

 

<telerik:GridBoundColumn DataField="ProductCode" HeaderText="Product Code">

 

 

</telerik:GridBoundColumn>

 

 

<telerik:GridBoundColumn DataField="Qty" HeaderText="Qty">

 

 

</telerik:GridBoundColumn>

 

 

<telerik:GridBoundColumn DataField="CropYr" HeaderText="Crop Yr">

 

 

</telerik:GridBoundColumn>

 

 

<telerik:GridBoundColumn DataField="UOM" HeaderText="UOM">

 

 

</telerik:GridBoundColumn>

 

 

<telerik:GridBoundColumn DataField="Amount" HeaderText="Amount">

 

 

</telerik:GridBoundColumn>

 

 

<telerik:GridBoundColumn DataField="Account" HeaderText="Account">

 

 

</telerik:GridBoundColumn>

 

 

<telerik:GridBoundColumn DataField="PCCtr" HeaderText="PCCtr">

 

 

</telerik:GridBoundColumn>

 

 

</Columns>

 

 

</MasterTableView>

 

 

</telerik:RadGrid>

 

 

 

</td>


And this is what I've tried to do to fix this:

>this executes and nothing on the page changes until I click a button)

 

 

protected void rgCustomFormulas_ItemCommand(object source, GridCommandEventArgs e)

 

{

 

if (e.CommandName == "RowClick")

 

{

rgIngredients.Visible =

true;

 

btnUpload.Text =

"Upload File";

 

lblUpdate.Text =

"";

 

btnPostback_Click(

null, null);

 

}

}

 

>I also tried the __postback javascript thing

 

 

 

function selectAndPostBack() {

 

__doPostBack(

"<%= rgCustomFormulas.UniqueID %>", "RowClicked");

 

}

 

....

 

 

 

protected override void RaisePostBackEvent(IPostBackEventHandler source, string eventArgument)

 

{

 

base.RaisePostBackEvent(source, eventArgument);

 

 

if (source == this.rgCustomFormulas && eventArgument.IndexOf("RowClicked") != -1)

 

{

rgImportedItems.Visible =

false;

 

rgIngredients.Visible =

true;

 

btnUpload.Text =

"Upload File";

 

lblUpdate.Text =

"";

 

}

}

So, I've tried a few things.  I am just wondering why clicking a button (which has no code behind, just merely to trigger a postback) corrects the display, and nothing else I've tried so that it's automatic works.  Any suggestions would be appreciated :(

Hi guys I have a radgrid with AllowPostBackOnFilter = true and a FilterDelay=250, this works good if I type something  in the filter textbox, but if I erase the text I have to hit enter to make the postback, is this a normal behavior? How can I do an automaticpostback after I erase the text?
Please hope you could help me.

I have a RadGrid that populates its data via a Subprocedure, which calls a SQL Stored Procedure to bind the data.


I want to enable paging on this RadGrid but for some reason as soon as I attempt to move to the next page it seems to post back and do nothing.


If I return to my initial search page and essentially force it to rerun the Sub that calls the SQL Stored Proc (which forces a databind) then I can see it has the correct page selected, but this is not practical at all.

I was under the impression the Radgrid could query the data only once and then preserve the information in the RadGrid for use in offline paging?

I do not want to rebind the data each time they page through the Data-set since it never changes (it is statistical data nothing is input), and I do not understand from the examples I've read why I need to specify the paging information using the NeedDataSource since the data never changes, and I do not want it requerying the database (It already has grabbed all the records once on the initial page-load)

I am not defining a DataSource in the markup since I am doing that programmatically during the Subprocedure that references the SQL Stored Procedure (Which takes many parameters that need to be altered before used as parameters, hence why I have a Subprocedure to populate the initial Grid)

I have stripped out some of my excess code and tried  to put some illustration above in case it helps.  I would basically like this to function all client side so after the server intiially populates the RadGrid (which works fine), that further paging requests will simply page through that populated RadGrid and not require a post-back or rebind.

Hopefully there is something I am missing here that can be explained.

Thanks in advance

Hi guys I'm dealing with this problem i have a radgrid with allow postbackonfilter ="true" and a filterdelay  everything works fine if I type something in every textboxt a postback occurs and the grid is filtered, but when I erase the text of the textbox I have to hit enter to rebind the grid.
Is it possible to have the same behavior for both cases when typing and erasing text?, I mean, after erasing the text return the grid to it's normal state.
Here's the code of my grid:
 

Afternoon folks.

I am using a radgrid as this has lots of functionality that I wish to keep (exporting, line selection, scrolling, etc) but I have come across a request I'm not sure how to handle and as such, I'd like some advice!

I have a radgrid attached to an object datasource implementing a SelectMethod of GetProductList and a SelectCountMethod of CountProductItems.This would return something along the lines of:

With CountProductItems returning 9.

What I need to do with this is dynamically set the radgrid so that the paging is defined by the guid i.e. one page for each guid present.

So in the above example, we'd have 3 pages.

On page load you'd be shown Page 1:

With the pager items displaying 1, 2, 3.

Click on page 2 and you'd see:

and clicking on page 3:

Does that makes sense? Is it possible and if so, any pointers greatly appreciated.

I am trying to setup a hierarchical grid where the master data is summary contact data and the detail is a tabstrip containing one tab for detailed contact information and the other tab containing a grid for the order information.  To me this seems like a very straightforward use for the tabstrip control inside a nestedviewtemplate.  I want to be able to handle all of the databinding in the code-behind, but I can't seem to figure out how to bind the inner-grid to the appropriate datasource.  All of my datasources are retrieved with calls to classes that return datasets.  

Is there an example that I can look at that works this way?  The ones I've found online seem to do the binding to the asp:sqldatasource control, which doesn't work in my scenario.

This is pretty much the structure of what I want to accomplish:

(Master)
   Contact Summary
     (Detail)
   Tab 1
         Contact Detail (just bound asp fields)
     Tab 2
          Order Details (in a grid)

Can anyone help with this???


We did manage to get this to work by editing on a windows machine in IE. However the editor is unusable sometimes in IE too!!

per the docs I should be able to place html markup in the ItemTemplate. I am trying to create a couple of div tags. One float left, the other floats right. Inside the ItemTemplate they are placed next to each other. When I copy the code outside of the template the divs works fine. What simple thing am I missing?

 

 

 

 

<%

 

 

@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>

<!

 

 

 

 

 

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<

 

 

 

 

 

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

<

 

 

 

 

 

head runat="server">

 

 

<title></title>

 

 

<telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />

 

 

<style type="text/css">

 

 

div.wrapper {

 

 

width:100%;

}

 

 

div.left_column {

 

 

width:150px;

 

 

float:left;

 

 

text-align:center;

 

 

vertical-align:middle;

}

 

 

div.right_column {

 

 

width:150px;

 

 

float:right;

 

 

text-align:center;

 

 

vertical-align:middle;

}

 

 

</style>

</

 

 

 

 

 

head>

<

 

 

 

 

 

body>

 

 

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

 

 

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

 

 

<Scripts>

<%

 

 

--Needed for JavaScript IntelliSense in VS2010--%>

<%

 

 

--For VS2008 replace RadScriptManager with ScriptManager--%>

 

 

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

 

 

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

 

 

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

 

 

</Scripts>

 

 

</telerik:RadScriptManager>

 

 

<script type="text/javascript">

 

 

//Put your JavaScript code here.

 

 

</script>

 

 

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

 

 

</telerik:RadAjaxManager>

 

 

<div>

<%

 

 

-- does not work --%>

 

 

<telerik:RadToolBar runat="server" ID="RadToolBar1" Width="100%">

 

 

<Items>

 

 

<telerik:RadToolBarButton>

 

 

<ItemTemplate>

 

 

<div class="wrapper">

 

 

<div class="left_column">

left Collumn

 

 

</div>

 

 

<div class="right_column">

right Collumn

 

 

</div>

 

 

</div>

 

 

</ItemTemplate>

 

 

</telerik:RadToolBarButton>

 

 

</Items>

 

 

</telerik:RadToolBar>

 

 

<br />

<%

 

 

-- works fine --%>

 

 

<div class="wrapper">

 

 

<div class="left_column">

left Collumn

 

 

</div>

 

 

<div class="right_column">

right Collumn

 

 

</div>

 

 

</div>

 

 

</div>

 

 

</form>

</

 

 

 

 

 

body>

</

 

 

 

 

 

html>

 

 

I have a radpane, following by a splitter, then another radpane.

In the first radpane, I put a splitter that expands in the bottom direction.  The probem is, when it expands, a scrollbar appears.

What I want instead is for either the slider to expand OVER the splitter/radpane below it, or for the radpane window to expand the size of the slider.

Is this possible? If so, how?