Questions on UI for ASP.NET AJAX Forum

2 answers

238 views

Select All Items in asp.net CheckBoxList in RadGrid's FormTemplate

Hi!

I need to add a CheckBox to select/deselect all items in a CheckBoxList. The CheckBoxList is in the RadGrid's FormTemplate. My code is like this:

<telerik:RadGrid ID="RadGrid1" runat="server" ... >

...

<MasterTableView ...>

...

<EditFormSettings EditFormType="Template">

<EditColumn UniqueName="EditCommandColumn1"></EditColumn>

<FormTemplate>

<table class="edit-table-rad" cellspacing="2" cellpadding="1" width="100%" border="0">

...

<tr>

<td align="left" width="200px">

<b>Languages:</b><br />

<asp:CheckBox ID="chbSelectAllLanguage" runat="server"

Text="Select All"

ClientIDMode="Static"/>

</td>

<td>

<asp:CheckBoxList ID="cblLanguage" runat="server"

DataSourceID="entityDataSourceLanguage"

DataTextField="LanguageName"

DataValueField="LanguageID"

RepeatColumns="4">

</asp:CheckBoxList>

</td>

</tr>

...

</table>

</FormTemplate>

</EditFormSettings>

</MasterTableView>

</telerik:RadGrid>

I tried to get the CheckBox with jQuery by ID or cssclass, but I think that the CheckBox in the RadGrid's FormTemplate is not in the DOM at document.ready time.

Is there a way to select/deselect all CheckBoxList items by selecting/deselecting the single CheckBox in the FormTemplate?

Grid

answered on 19 Dec 2011

2 answers

49 views

Tabs Not Changing and Ripping out Entire Line of Tabs

I am using the tabstrip in a control to switch between multiple pages. All of the pages except for 2 of them work fine. The 2 that don't work either give the following error or rip out the second line of tabs. I don't know what the problem is.

The snippet of code referenced in this error is the only code behind dealing with the tabstrip. On the aspx page I register the control and then reference it.

Besides that error it should display this.

But once I click on the Initial DD (Inv) or Ratings after clicking back from the error it looks like this. (Ripped out the middle line of tabs)

Here is the code for the control containing the TabStrip. The property at the bottom is what the pages use to set the select tab.

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

If

Not Page.IsPostBack Then

Dim tabSummary As New RadTab()

tabSummary.Text = "Summary"

tabSummary.NavigateUrl = "~/Funds/fundSummary.aspx?feederFundID=" & Request.QueryString("feederFundID")

tabSummary.Enabled = True

rtsFundTopNav.Tabs.Add(tabSummary)

Dim tabProfile As New RadTab()

tabProfile.Text = "Profile"

tabProfile.NavigateUrl = "~/Funds/fundProfile.aspx?feederFundID=" & Request.QueryString("feederFundID")

rtsFundTopNav.Tabs.Add(tabProfile)

Dim tabPerformance As New RadTab()

tabPerformance.Text = "Performance"

tabPerformance.NavigateUrl = "~/Funds/fundPerformance.aspx?feederFundID=" & Request.QueryString("feederFundID")

tabPerformance.Enabled = False

rtsFundTopNav.Tabs.Add(tabPerformance)

Dim tabRisk As New RadTab()

tabRisk.Text = "Risk"

tabRisk.NavigateUrl = "~/Funds/fundRisk.aspx?feederFundID=" & Request.QueryString("feederFundID")

rtsFundTopNav.Tabs.Add(tabRisk)

Dim tabPortfolio As New RadTab()

tabPortfolio.Text = "Portfolio"

tabPortfolio.NavigateUrl = "~/Funds/fundPortfolio.aspx?feederFundID=" & Request.QueryString("feederFundID")

tabPortfolio.Enabled = False

rtsFundTopNav.Tabs.Add(tabPortfolio)

Dim tabExposure As New RadTab()

tabExposure.Text = "Exposure"

tabExposure.NavigateUrl = "~/Funds/fundExposure.aspx?feederFundID=" & Request.QueryString("feederFundID")

tabExposure.Enabled = False

tabExposure.IsBreak = True

rtsFundTopNav.Tabs.Add(tabExposure)

Dim tabFundReports As New RadTab()

tabFundReports.Text = "Fund Reports"

tabFundReports.NavigateUrl = "~/Funds/fundReports.aspx?feederFundID=" & Request.QueryString("feederFundID")

rtsFundTopNav.Tabs.Add(tabFundReports)

Dim tabFundDocuments As New RadTab()

tabFundDocuments.Text = "Fund Documents"

tabFundDocuments.NavigateUrl = "~/Funds/fundDocuments.aspx?feederFundID=" & Request.QueryString("feederFundID")

rtsFundTopNav.Tabs.Add(tabFundDocuments)

Dim tabContacts As New RadTab()

tabContacts.Text = "Contacts"

tabContacts.NavigateUrl = "~/Funds/fundContacts.aspx?feederFundID=" & Request.QueryString("feederFundID")

rtsFundTopNav.Tabs.Add(tabContacts)

Dim tabCommunications As New RadTab()

tabCommunications.Text = "Calls and Meetings"

tabCommunications.NavigateUrl = "~/Funds/fundCommunications.aspx?feederFundID=" & Request.QueryString("feederFundID")

rtsFundTopNav.Tabs.Add(tabCommunications)

Dim tabTasks As New RadTab()

tabTasks.Text = "Tasks"

tabTasks.NavigateUrl = "~/Funds/fundTasks.aspx?feederFundID=" & Request.QueryString("feederFundID")

rtsFundTopNav.Tabs.Add(tabTasks)

Dim tabHistory As New RadTab()

tabHistory.Text = "History"

tabHistory.NavigateUrl = "~/Funds/fundHistory.aspx?feederFundID=" & Request.QueryString("feederFundID")

rtsFundTopNav.Tabs.Add(tabHistory)

Dim tabAccounting As New RadTab()

tabAccounting.Text = "Accounting"

tabAccounting.NavigateUrl = "~/Funds/fundAccounting.aspx?feederFundID=" & Request.QueryString("feederFundID")

tabAccounting.IsBreak = True

rtsFundTopNav.Tabs.Add(tabAccounting)

'--------------------------------------------------

'Tabs in Question

'--------------------------------------------------

Dim tabInitialIDD As New RadTab()

tabInitialIDD.Text = "Initial DD (Inv)"

tabInitialIDD.NavigateUrl = "~/Funds/MasterFunds/DueDiligence/initialIDD.aspx?masterFundID=" & masterFundID

rtsFundTopNav.Tabs.Add(tabInitialIDD)

Dim tabRatings As New RadTab()

tabRatings.Text = "Ratings"

tabRatings.NavigateUrl = "~/Funds/MasterFunds/DueDiligence/ratingSummary.aspx?masterFundID=" & masterFundID

tabRatings.Enabled = True

rtsFundTopNav.Tabs.Add(tabRatings)

'---------------------------------------------------

Dim tabAFSReviews As New RadTab()

tabAFSReviews.Text = "AFS Reviews"

tabAFSReviews.NavigateUrl = "~/Funds/DueDiligence/afsReviews.aspx?feederFundID=" & Request.QueryString("feederFundID")

tabAFSReviews.Enabled = False

rtsFundTopNav.Tabs.Add(tabAFSReviews)

Dim tabInitialODD As New RadTab()

tabInitialODD.Text = "Initial DD (Ops)"

tabInitialODD.NavigateUrl = "~/Funds/DueDiligence/initialODD.aspx?feederFundID=" & Request.QueryString("feederFundID")

If fundType <> "Private Equity" And fundType <> "Hedge Fund" Then

tabInitialODD.Enabled = False

End If

rtsFundTopNav.Tabs.Add(tabInitialODD)

Dim tabOngoingDD As New RadTab()

tabOngoingDD.Text = "Ongoing DD (Ops)"

tabOngoingDD.NavigateUrl = "~/Funds/DueDiligence/ongoingODD.aspx?feederFundID=" & Request.QueryString("feederFundID")

rtsFundTopNav.Tabs.Add(tabOngoingDD)

If IsNumeric(Request.QueryString("selectedTab")) Then

rtsFundTopNav.SelectedIndex = Request.QueryString("selectedTab")

Else

rtsFundTopNav.SelectedIndex = 0

End If

Else

Response.Clear()

Response.Redirect("../default.aspx")

Response.End()

End If

End Sub

Public WriteOnly Property activeTab() As String

Set(ByVal value As String)

rtsFundTopNav.Tabs.FindTabByText(value).Selected = True

End Set

End Property

Here is the markup.

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

<div class="announcementHeader">

<asp:Label runat="server" ID="lblFundLegalName" />

</div>

<telerik:RadTabStrip ID="rtsFundTopNav" runat="server" />

Any help would be greatly appreciated.

Thanks,
Lonnie

TabStrip

answered on 19 Dec 2011

3 answers

92 views

TextChanged property not working

Hello All,

I am working on with the TextChanged property of RadCombo box, when I type something in the box and press tab key it works as expected, but when I delete few letters from the text and press tab key to proceed the textchanged property will not triggered. I also have the AllowCustomText="true" in the combobox and first character matching allowed by :
ddlVessel.Filter = (RadComboBoxFilter)Convert.ToInt32(2);

ComboBox

answered on 19 Dec 2011

3 answers

58 views

Related ComboBoxes - Second Combo Not Showing Values

I feel like I'm missing something here, but I can't seem to get a pair of related comboboxes working.

When I select something in the primary combo, I get the proper callback, and everything seems to flow correctly. I threw an alert in the javascript "ItemsLoaded", and the secondary combo has items. But when the secondary drop down opens, it is blank. Empty. Nada.

Grrrr. Here's the code:

From ucOffenseEdit.ascx (user control for a RadGrid edit/add), the ComboBoxes themselves:

<table cellpadding="0" cellspacing="4" class="InnerContents" width="100%">

<tr>

<td style="vertical-align: top" colspan="4">

<asp:Label ID="lblUCRCode"

runat="server"

CssClass="FieldLabel"

Text="UCR Code" />

<br />

<telerik:RadComboBox ID="fldUCRCode"

runat="server"

Width="400px"

Height="168px"

SkinID="NoSizing"

Filter="contains"

SelectedValue='<%# Eval("UCRCodeID") %>'

OnClientLoad="ComboSetFocus"

OnClientSelectedIndexChanging="loadOptionalUCRCodes"

OnItemsRequested="fldUCRCode_ItemsRequested" />

<br />

</td>

</tr>

<tr>

<td style="vertical-align: top" colspan="4">

<asp:Label ID="lblUCROptionalDetailCode"

runat="server"

CssClass="FieldLabel"

Text="Optional Detail Code" />

<br />

<telerik:RadComboBox ID="fldUCROptionalDetailCode"

runat="server"

EnableViewState="false"

Width="400px"

Height="168px"

SkinID="NoSizing"

Filter="contains"

SelectedValue='<%# Eval("UCRCodeID") %>'

OnClientItemsRequested="ItemsLoaded"

OnItemsRequested="fldUCROptionalDetailCode_ItemsRequested" />

</td>

</tr>

... etc.

</table>

Now the javascript. For simplicity sake, I'm putting it right in the page where the RadGrid lives. Eventually (when it works), I'll emit it from the user control's codebehind:

function loadOptionalUCRCodes(sender, eventArgs) {

var id = sender.get_id();

var optionalCombo = $find(id.substring(0, id.length - 10) + "fldUCROptionalDetailCode");

var item = eventArgs.get_item();

optionalCombo.set_text("Loading...");

// if a UCR Code is selected...

if (item.get_index() > 0) {

// ...load the optional combo

optionalCombo.requestItems(item.get_value(), false);

} else {

optionalCombo.set_text(" ");

optionalCombo.clearItems();

}

function ItemsLoaded(sender, eventArgs) {

if (sender.get_items().get_count() > 0) {

// pre-select the first item

sender.set_text(sender.get_items().getItem(0).get_text());

sender.get_items().getItem(0).highlight();

}

sender.showDropDown();

}

Finally, the codebehind from the user control:

protected void Page_Load(object sender, EventArgs e) {

LoadUCRCodes();

if (!Page.IsCallback) { LoadOptionalUCRCodes(fldUCRCode.SelectedValue); }

}

protected void fldUCRCode_ItemsRequested(object o, RadComboBoxItemsRequestedEventArgs e) {

LoadUCRCodes();

}

protected void fldUCROptionalDetailCode_ItemsRequested(object o, RadComboBoxItemsRequestedEventArgs e) {

//passes the value of the UCRCode

LoadOptionalUCRCodes(e.Text);

}

protected void LoadUCRCodes() {

if (fldUCRCode.Items.Count == 0) {

fldUCRCode.Items.Add(new Telerik.Web.UI.RadComboBoxItem(string.Empty, "-1"));

foreach (DAL.LookupClasses.INCUCRCodeLookupItem l in Lookups.INC.UCRCode.AllItems) {

if (!l.Parent.HasValue) {

fldUCRCode.Items.Add(new Telerik.Web.UI.RadComboBoxItem(l.DropDownText, l.ID.ToString()));

}

protected void LoadOptionalUCRCodes(string UCRCodeID) {

fldUCROptionalDetailCode.Items.Clear();

if (fldUCROptionalDetailCode.Items.Count == 0) {

fldUCROptionalDetailCode.Items.Add(new Telerik.Web.UI.RadComboBoxItem(string.Empty, "-1"));

foreach (DAL.LookupClasses.INCUCRCodeLookupItem l in Lookups.INC.UCRCode.AllItems) {

if (l.Parent.HasValue) {

if (l.Parent.ToString() == UCRCodeID) {

fldUCROptionalDetailCode.Items.Add(new Telerik.Web.UI.RadComboBoxItem(l.DropDownText, l.ID.ToString()));

}

ComboBox

answered on 19 Dec 2011

1 answer

69 views

RadComboBox dropdown will not display in a RadPanelBar

I have a RadComboBox that displays a grid filtered on user input. After 2 characters the grid is filtered and displayed for the user to select from.

The RadComboBox works fine until I place it in a RadPanelBar RadPanelItem. Then when the second character is typed the grid is filtered and displayed, but immediately closes.

I couldn't figure it out and finally replaced the RadComboBox with jQuery Autocomplete widget. The exact same thing happens. When the user types in the second character the dropdown appears but then is immediately closed. Clicking on the icon displays the list just fine.

Is there a setting for RadPanelBar that I am not getting?

PanelBar

answered on 19 Dec 2011

1 answer

79 views

HTML Text column Breaks Grid formatting

I have a table with several nvarchar(max) fields that have HTML in them. I want to show the first bit of the text in a column in a RadGrid so the user can filter on the column. But when I put the column in as the last column on the right, the right part of the text is cut off. It does not obey the HeaderStyle Width property or the Height property.

<telerik:GridBoundColumn DataField="interesting"

FilterControlAltText="Filter interesting column" HeaderText="interesting"

SortExpression="interesting" UniqueName="interesting" Visible="True">

<HeaderStyle Width="100px" />

</telerik:GridBoundColumn>

I tried changing the column to an HTMLEditor column, even though this grid is READ ONLY. Didn't change anything.

<telerik:GridHTMLEditorColumn DataField="interesting"

FilterControlAltText="Filter interesting column" HeaderText="interesting"

SortExpression="interesting" UniqueName="interesting" Visible="True">

<HeaderStyle Width="100px" />

</telerik:GridHTMLEditorColumn>

I tried using a separate column editor and it also didn't change anything.

<telerik:GridHTMLEditorColumnEditor ID="GridHTMLEditor" runat="server">

<Editor runat="server" Height="50px" Width="100px"><Content>

</Content>

</Editor>

</telerik:GridHTMLEditorColumnEditor>

Even worse, when this column is in the grid, it causes other regular text columns to NOT obey their width settings. i.e. If I have the code below, then the second column is NOT rendered at 300px. This is really messed up and I don't know what else to do.

<telerik:GridHTMLEditorColumn DataField="interesting"

FilterControlAltText="Filter interesting column" HeaderText="interesting"

SortExpression="interesting" UniqueName="interesting" Visible="True">

<HeaderStyle Width="100px" />

</telerik:GridHTMLEditorColumn>

<telerik:GridBoundColumn DataField="comname"

FilterControlAltText="Filter comname column" HeaderText="Common Name"

SortExpression="comname" UniqueName="comname">

<HeaderStyle Width="300px" />

</telerik:GridBoundColumn>

Grid

answered on 19 Dec 2011

3 answers

181 views

Format Code Block dialog

HI there,

I am using the RadEditor to allow my users to edit the content that they would like to post to their website. I just saw the new Format Code Block dialog and was hoping that I could use that to allow them to enter specific CSS styles or javascript that they wanted to use on a particular page. However, the code block just displays on their content page along with all the other rendered html.

Am I missing something or is this dialog only intended to be used for things like this forum where people can submit code snippets? The examples that I can find only show how to use the dialog within the editor, not how those code blocks can actually be used to render the html differently (i.e. assigning styles).

I hope that I am explaining myself clearly. Thanks in advance for your help.
Dan

Editor

answered on 19 Dec 2011

2 answers

169 views

GridTemplateColumn

How to write the telerik:GridTemplateColumn for edit button in code behind for a RadGrid ?

and

my code in design is below

<telerik:GridTemplateColumn>
                            <EditItemTemplate>
                                <asp:LinkButton ID="lnkUpdate" runat="server" CssClass="checkIcon" CommandName="Update" style="position:relative;float:left;"></asp:LinkButton>
                                <asp:LinkButton ID="lnkCancel" runat="server" CssClass="buttonClose1" CommandName="Cancel" style="position:relative;float:left;padding-left:5px;"></asp:LinkButton>
                            </EditItemTemplate>
                            <ItemTemplate>
                                <asp:LinkButton ID="lnkEdit" runat="server" CssClass="buttonEdit1" CommandName="Edit"></asp:LinkButton>
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>

Now i want the above thing to be written in code behind?

Grid

answered on 19 Dec 2011

3 answers

439 views

Changing the Skin Codebehind

If I set ShowChooser="True", my selected skin is persisted.

Rather than having just the name of the skin, I wanted a sample image as well, so I pulled the skin images from
http://demos.telerik.com/aspnet-ajax/scheduler/examples/customization/defaultvb.aspx and put in a combo, but when I change the skin it's selected value isn't persisted.

I have two formdecorators, one for my page work area, and one for the area outside the working area of the page where I change the background.

When I change the skin, the standard controls aren't updated either.

Me.RadSkinManager1.Skin = Skin

'Attempt to update all controls on the page, which doesn't seem to do anything.

Me.RadSkinManager1.ApplyStyleSheetSkin(Me.Page)

Me.RadSkinManager1.ApplySkin(Me.Page.Form, Skin)

Me.RadFormDecorator1.Skin = Skin

Me.RadFormDecorator2.Skin = Skin

<telerik:RadSkinManager ID="RadSkinManager1" Enabled="True" PersistenceKey="TelerikSkin"

PersistenceMode="Cookie" ShowChooser="false" runat="server"

/>

SkinManager

answered on 19 Dec 2011

3 answers

89 views

RadEditors in Tabstrip Multipage bug

Already a long time we have the following setup

RadTabstrip with multipage and RadEditors in several tabs.

With this function we set the class of contentArea for each editor

function OnClientLoad(editor, args)

{

editor.get_contentArea().className = "Inhoud";

}

This class was always persisted when switching back and forth over the tabstrip.

Now in Q3-2011 the class on the contentArea is lost when I navigate back to a tab which was already opened before.

Please assist.

Marc

Editor

answered on 19 Dec 2011