Questions on UI for ASP.NET AJAX Forum

7 answers

162 views

OnSelectedIndexChanged for editin inplace Grid drop down list

I have a nice grid working, and in place add,edit and delete working great.

However I am now trying to get a drop down list to trigger the "OnSelectedIndexChanged" event so I can obtain the cost and sell price of the part and place it in the appropriate fields.

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn"

CancelImageUrl="~/Images/cancel_16x16.png" EditImageUrl="~/Images/edit_16x16.png"

InsertImageUrl="~/Images/update_16x16.png" UpdateImageUrl="~/Images/update_16x16.png"

HeaderStyle-Width="50px">

<ItemStyle CssClass="MyImageButton" />

</telerik:GridEditCommandColumn>

<telerik:GridDropDownColumn DataField="PartId" DataSourceID="qry_Parts" HeaderText="Part"

ListTextField="Description" ListValueField="PartId" UniqueName="EditPartId" ColumnEditorID="GridDropDownColumnEditorParts"

EnableEmptyListItem="False" HeaderStyle-Width="320px">

</telerik:GridDropDownColumn>

Neither the GridBouncColumn or the referering ColumnEditor allow this event.

How can I achive this?

Thanks in advance.

ComboBox

answered on 09 Feb 2012

7 answers

234 views

TabStrip: Delete tabs with javascript

Hi,

I'm using a function that I found in the online demo's for deleting tabs. And it seems to work great but when I deleted some tabs and I then click on an existing tab (just selecting it - not deleting it) all deleted tabs are returned. Am I forgetting something because its seems that the remove function only changes the view and not the tabs and pageviews collections

function deleteTab(tabText)
{
    var tabStrip = $find("<%= rtsTabs.ClientID %>");
    var multiPage = $find("<%= multiPage.ClientID %>");
    var tab = tabStrip.findTabByText(tabText);
    var pageView = tab.get_pageView();

    tabStrip.get_tabs().remove(tab);
    multiPage.get_pageViews().remove(pageView);
}

Thanks

Bert

TabStrip

answered on 09 Feb 2012

1 answer

61 views

"Close Tab" image on dynamically added client side tabs

Hello,

I have the following code for a tab strip and related necessary controls. All my navigational hyperlinks are javascript function calls to the "AddTab" function shown below. The server side code to add the tab and user control is also below.

Given the code and functionality below, how can I add a "Close Tab" icon on each tab to allow the user to close the tab? I have found many examples on this site but none of them are similar to my usage, and when I attempt to merge the logic, it fails. 100% of the tabs are generated dynamically from the client. There aren't any tabs pre-loaded when the site is loaded.

If there's anything I left out or you need information, let me know!

Thanks!
Kevin

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

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default">

</telerik:RadAjaxLoadingPanel>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadTabStrip1">

<UpdatedControls><telerik:AjaxUpdatedControl ControlID="RadTabStrip1" />

<telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="LoadingPanel1" />

<telerik:AjaxUpdatedControl ControlID="RadGrid2" LoadingPanelID="LoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadMultiPage1">

<UpdatedControls><telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="LoadingPanel1" />

<telerik:AjaxUpdatedControl ControlID="RadGrid2" LoadingPanelID="LoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

function AddTab(controlToAdd)

{

var tabstrip = $find("<%= RadTabStrip1.ClientID %>");

var tab = new Telerik.Web.UI.RadTab();

tab.set_text(controlToAdd);

tabstrip.trackChanges();

tabstrip.get_tabs().add(tab);

tabstrip.commitChanges();

tab.click();

}

protected void RadMultiPage1_PageViewCreated(object sender, RadMultiPageEventArgs e)

{

string tabID;

tabID = e.PageView.ID.IndexOf('-') < 0 ? e.PageView.ID : e.PageView.ID.Substring(0, e.PageView.ID.IndexOf('-'));

tabID = tabID.Replace("_", " ");

Control userControl = Page.LoadControl(Utilities.CachedData.GetUserControlPath(tabID));

userControl.ID = e.PageView.ID + "_userControl";

e.PageView.Controls.Add(userControl);

}

private void AddPageView(RadTab tab)

{

Random random = new Random();

int randomNumber = random.Next(0, 1000000);

RadPageView pageView = new RadPageView();

pageView.ID = tab.Text.Replace(" ", "_") + "-" + randomNumber.ToString();

RadMultiPage1.PageViews.Add(pageView);

tab.PageViewID = pageView.ID;

}

protected void RadTabStrip1_TabClick(object sender, RadTabStripEventArgs e)

{

AddPageView(e.Tab);

e.Tab.PageView.Selected = true;

}

TabStrip

answered on 09 Feb 2012

5 answers

84 views

RadPanel appears with black border in IE 8.

Hi

I am facing a designing problem with RadPanel.

It appears correctly on first page load but after post back it appears with black borders in IE 8, but it appears correctly in IE 9, Firefox and Chrome.
I have attatched the both images as sample, please suggest me which css class to fix.

Before image is the display on first load,
After image is the display after page is loaded after post back it adds the balck borders :(

PanelBar

answered on 09 Feb 2012

1 answer

149 views

dynamic legend for radchart

I have tied my chart to a sqldatasource. But I can't get the legend to reflect the the categories showing up. Can someone show me an example or a demo where the legend reflects the categories in a sqldatasource?

Chart (Obsolete)

answered on 09 Feb 2012

8 answers

409 views

Help canceling postback in OnClientSelectedIndexChanged

I am updating some custom controls and am having trouble figuring out how to cancel a postback on a RadListBox from the

ClientSelectedIndexChanged

handler. To explain...I have a page that contains a RadListBox, a RadTabStrip, and a RadMultiPage which are all linked. When the user selects a item from the RadListBox I use the ClientSelectedIndexChanged handler to check if the linked Tab/PageView already exists and if so then set them selected...if not then they are created and selected server-side. I have a prototype version which uses a RadTreeView that works fine using the set_postback( false ) method on the node in the OnClientNodeClicking handler...does anyone know how to do the same with a RadListBox??

ListBox

answered on 09 Feb 2012

1 answer

118 views

ajax functionality doesn't seem to be working

I've added a radlistview to a page, with a radrating control inside of it. It's displaying about 330 records.

I then went ahead and put the radlistview in an radupdate panel, but i can't see any difference in how the page behaves. I then went ahead and added a rad loading panel to the page. And still i can't see any difference to the page. I left initial delay and min display at 0, no effect. Changed min display to 2000, no effect.

Here's what my aspx markup looks like:

I then went ahead and put the radlistview in an radupdate panel, but i can't see any difference in how the page behaves. I then went ahead and added a rad loading panel to the page. And still i can't see any difference to the page. I left initial delay and min display at 0, no effect. Changed min display to 2000, no effect.Here's what my aspx markup looks like: (i deleted the template content for brevity). Can anyone tell me what i might be doing wrong here? This is with the 2011 Q2 release.

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

</telerik:RadScriptManager>

<div class="list_view_cont">

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"

Skin="Default" AnimationDuration="1000" IsSticky="True" Transparency="50">

</telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server"

HorizontalAlign="NotSet" LoadingPanelID="RadAjaxLoadingPanel1" >

<telerik:RadListView ID="RadListView1" runat="server" ItemPlaceholderID="gameList"

DataSourceID="sqlDsGames" DataKeyNames="ID,Rating"

onitemcreated="RadListView1_ItemCreated">

<LayoutTemplate>

<ul>

<li class="row_header">

<div class="row_name">

<h2><asp:LinkButton ID="lbtnTitle" CommandName="Sort" CommandArgument="Title" runat="server">MMO Title</asp:LinkButton></h2>

</div>

<div class="row_genre">

<h2><asp:LinkButton ID="lbtnCategory" CommandName="Sort" CommandArgument="Category" runat="server">Genre</asp:LinkButton></h2>

</div>

<div class="row_release">

<h2><asp:LinkButton ID="lbtDate" CommandName="Sort" CommandArgument="ReleasedDate" runat="server">Release Date</asp:LinkButton></h2>

</div>

<div class="row_platform">

<h2><asp:LinkButton ID="lbtPlatform" CommandName="Sort" CommandArgument="Platform" runat="server">Platform</asp:LinkButton></h2>

</div>

<div class="row_rating">

<h2><asp:LinkButton ID="lbtnRating" CommandName="Sort" CommandArgument="Rating" runat="server">Rating</asp:LinkButton></h2>

</div>

<div class="row_votes">

<h2>

<asp:LinkButton ID="lbtnVotes" CommandName="Sort" CommandArgument="Votes" runat="server">Votes</asp:LinkButton></h2>

</div>

</li>

<fieldset id="gameList" runat="server" />

</ul>

</LayoutTemplate>

<ItemTemplate>

</ItemTemplate>

<AlternatingItemTemplate>

</AlternatingItemTemplate>

</telerik:RadListView>

</telerik:RadAjaxPanel>

</div>

Ajax

answered on 09 Feb 2012

1 answer

69 views

Is there an Interaction between OnRowClick and OnSelectedIndexChanged???

Hi

I have a Radgrid that has had OnRowClick working for some time on the client side.

I am now trying to wire up to the Server Side OnSelectedIndexChanged as well.

However I am not getting the server event when the user clicks on a row.

I DO get the event later if I click a button outside of my grid, for instance to close the RadWindow all of this is happening in.

What am I missing?

Grid

answered on 09 Feb 2012

1 answer

48 views

Radwindow value is not refreshing/Affecting in rad grid.

Hi All,

I am new to this community and need some help with rad window.
I have created a rad window using ParentGrid context menu. The value entered in rad window should be reflected in the parent grid after closing the rad window.
As of now, the value entered in rad window is changed in DB but the same is not in parent grid. The values is shown only after refreshing but i need to show the value when the window is closed.

Kindly do help ASAP.

Thanks in advance.

General Discussions

answered on 09 Feb 2012

3 answers

60 views

problem with GridBoundColumn

Hi,
I'm using a SqlDataSource for my RadGrid and I can't edit the data, it's not updating in my database.
What do I have to add to my code?

Thanks in advance,
esmyy

Grid

answered on 09 Feb 2012