Questions on UI for ASP.NET AJAX Forum

1 answer

98 views

Add New Row, then filtering lookup columns based on another lookup column value

Hi,

I saw a post or sample code somewhere on the Telerik site on how to filter template columns which are lookup columns, based on another lookup column value, I now cannot find it to reference it. But it is not working and I cannot see why.

Basically, my grid is for questions, under each question there are four lookup columns. The values in lookups 2, 3 and 4 should be filtered according to the value selected in lookup column 1. This is working fine but only for editing existing questions. When creating a new question the code is firing the events but other lookups are never filtered. This is what I am doing:

Any ideas or help greatly appreciated.

Thanks

protected void RadGridQuestions_ItemCreated(object sender, GridItemEventArgs e)

{

if ((e.Item is GridEditFormItem || e.Item is GridEditFormInsertItem) && e.Item.IsInEditMode)

{

if (e.Item.OwnerTableView.Columns.FindByUniqueNameSafe("Test_Type_Id") == null) return;

RadComboBox ddlTestType = (e.Item as GridEditableItem)["Test_Type_Id"].Controls[0] as RadComboBox;

// Attach SelectedIndexChanged event for the dropdownlist control

ddlTestType.AutoPostBack = true;

ddlTestType.SelectedIndexChanged += new RadComboBoxSelectedIndexChangedEventHandler(TestTypeOfQuestion_SelectedIndexChanged);

TestTypeOfQuestion_SelectedIndexChanged(ddlSubObjective, null);

ddlTestType.PreRender += new EventHandler(ddlTestType_PreRender);

}

private void ddlTestType_PreRender(object sender, EventArgs e)

{

TestTypeOfQuestion_SelectedIndexChanged(sender, null);

}

/// <summary>

/// Changed test type so update objective and sub objective only relevant for that exam type

/// </summary>

/// <param name="sender"></param>

/// <param name="e"></param>

private void TestTypeOfQuestion_SelectedIndexChanged(object sender, RadComboBoxSelectedIndexChangedEventArgs e)

{

// First reference the edited grid item through the NamingContainer attribute

GridEditableItem editedItem = (sender as RadComboBox).NamingContainer as GridEditableItem;

// The dropdown list will be the first control in the Controls collection of the corresponding cell

string strTestTypeId = (editedItem["Test_Type_Id"].Controls[0] as RadComboBox).SelectedValue;

if (string.IsNullOrEmpty(strTestTypeId))

return;

RadComboBox ddlKeyElement = editedItem["Question_Category_Id"].Controls[0] as RadComboBox;

SqlDataSourceQuestionCatLookupEdit.SelectParameters["Test_Type_Id"].DefaultValue = strTestTypeId;

ddlKeyElement.ClearSelection();

ddlKeyElement.DataSource = SqlDataSourceQuestionCatLookupEdit;

ddlKeyElement.DataBind();

RadComboBox ddlObjective = editedItem["Objective_Id"].Controls[0] as RadComboBox;

SqlDataSourceObjectiveLookupEdit.SelectParameters["Test_Type_Id"].DefaultValue = strTestTypeId;

ddlObjective.ClearSelection();

ddlObjective.DataSource = SqlDataSourceObjectiveLookupEdit;

ddlObjective.DataBind();

RadComboBox ddlSubObjective = editedItem["Sub_Objective_Id"].Controls[0] as RadComboBox;

SqlDataSourceSubObjectiveLookupEdit.SelectParameters["Test_Type_Id"].DefaultValue = strTestTypeId;

ddlSubObjective.ClearSelection();

ddlSubObjective.DataSource = SqlDataSourceSubObjectiveLookupEdit;

ddlSubObjective.DataBind();

}

Grid

answered on 18 Aug 2010

2 answers

91 views

Because of RadFormDecorator not able to print check boxes and radio buttons

Hi,
In my project, I'm using RadFormDecorator to decorate controls. But i'm facing a problem while printing the page. It is not printing the check boxes and radio buttons.
But when I'm removing RadFormDecorator from my page, radio buttons and check boxes are getting printed.

Looking forward for a solution.

Thanks
Tanuj

FormDecorator

answered on 18 Aug 2010

1 answer

105 views

AdvancedEditTemplate - how to change width?

Hi,

I'm using an AdvancedEditTemplate and an AdvancedInsertTemplate. I want to change the width from the default 700px to 300px. I tried to set the width in the UserControl, but this does not work.

Regards,
Benedikt

Scheduler

answered on 18 Aug 2010

3 answers

100 views

Height of the Schedular

Good Morning All

i have a Schedular and on design time the Height is good , but on Runtime the height changes and becomes smaller, i use a IE Developer too to see which element is misbehaving and i came across this

<div class="rsContentScrollArea" style="position: relative; overflow-y: scroll; width: 1529px; height: 700px; overflow: auto;" _events="[object Object]" sizcache="25" sizset="0">

in in the "700px" it was "500px" this is not in my markup, so by changing it to be 700px it works fine, but where is this because i cant find it in the Scheduler properties or the markup of the page.

Thanks

Scheduler

answered on 18 Aug 2010

1 answer

146 views

Radwindow does not show properly

Hello Telerik Team,

We are facing issue with radwindow that when we show the data in radwindow its does not showup properly.

I have attached the screenshot. If we cant fix it we will have to switch to normal window popup. We are using RAD window all over in the site and its happening only at one of the place.

We have more then 20 labels and literals and one datagrid to show the data.

check the screenshot it will be lots more easier to understand by that.

Regards,
Hardik Joshi

Window

answered on 18 Aug 2010

1 answer

320 views

radGrid, edit form, insert, edit, checkbox

I keep getting the dredded "Conversion from type 'DBNull' to type 'Boolean' is not valid." error and cannot seem to get around it.

I was getting it when I clicked on Add new record and worked around that by adding default values in code behind:

If (e.CommandName = Telerik.Web.UI.RadGrid.InitInsertCommandName) Then

'cancel the default operation

e.Canceled = True

'Prepare an IDictionary with the predefined values

Dim newValues As System.Collections.Specialized.ListDictionary = New System.Collections.Specialized.ListDictionary()

'set default checked state for checkbox inside the EditItemTemplate

newValues("Is_Admin") = False

newValues("Is_Disabled") = False

'Insert the item and rebind

e.Item.OwnerTableView.InsertItem(newValues)

End If

But now if I'm in insert mode, so I have clicked on Add New Record then without cancelling insert click on edit I get the error again. If I cancel the insert by clicking cancel then the error does not appear. Is there a way to cancel the insert in code behind before the grid is put in edit mode to avoid this error?

Paula

Grid

answered on 18 Aug 2010

2 answers

74 views

[Solved] RadDatePicker

Hi! to all telerik members

plz help me 2 solve this pblm How to Extract date from RadDatePicker to textbox in c#.net.
It shuld be in the format of ddDDDYYYY.

Regards,
srinivas

Ajax

answered on 18 Aug 2010

5 answers

294 views

[Solved] listBox.get_items().add(item) and Count=0

I am transferring the contents of one radlistbox to another using javascript:

item.set_text(doc10.get_text());
item.set_value(doc10.get_text());
listBox.get_items().add(item);

After I have added all the items, the following statement will return the # of items in the listbox: listBox.get_items()._array.length

After this, I submit my page and I'm trying to access the contents of the listbox in the codebehind, but RadListbox.Items.Count returns 0.

Can anyone explain why this is happening? I am using Q2 2009 RadListbox.

Thanks,
Jon

ListBox

answered on 18 Aug 2010

5 answers

171 views

Not able to get full window

hi

I am not able to get the full window for this code and also how do i expand panelbar when load? Thanks

<div id="ParentDivElement" style="height: 100%;">
    <table cellpadding="0" cellspacing="0" class="style1">
        <tr>
            <td>
                <asp:ScriptManager ID="ScriptManager1" runat="server">
                </asp:ScriptManager>
                hello</td>
        </tr>
        <tr>
            <td>
                  <telerik:RadSplitter ID="RadSplitter1"   LiveResize="true" VisibleDuringInit="false" runat="server" Height="100%"
                      Width="100%">
        <telerik:RadPane ID="navigationPane" runat="server" Height="100%" Width="150">
            <telerik:RadPanelBar ID="RadPanelBar1" Runat="server"
                ExpandMode="FullExpandedItem" Height="100%"
                Skin="Office2007">
                <Items>
                    <telerik:RadPanelItem runat="server" Text="Application">
                        <Items>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 1">
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 2">
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 3">
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 4">
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 5">
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 6">
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 7">
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 8">
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 9">
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 10">
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 11">
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 12">
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 13">
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 14">
                            </telerik:RadPanelItem>
                        </Items>
                    </telerik:RadPanelItem>
                </Items>
            </telerik:RadPanelBar>
        </telerik:RadPane>
        <telerik:RadSplitBar ID="RadSplitbar1" runat="server" LiveResize="true"
                          CollapseMode="Forward" Height="100%" />
        <telerik:RadPane ID="contentPane" runat="server" Scrolling="Y">
            <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
            </asp:ContentPlaceHolder>
        </telerik:RadPane>
    </telerik:RadSplitter>

            </td>
        </tr>
        <tr>
            <td>
                 </td>
        </tr>
    </table>
</div>
    </form>

Splitter

answered on 17 Aug 2010

1 answer

110 views

Problem With Embed Resources

Hello.

I started moving all my customskins to a class library like your example, and everything worded fine until i started to have problems with some controls, like the tabstrip in witch it seems that i can't load my .png images declared as embedded resource, here is the diferent parts of code:

TelerikCustomSkin.cs

[assembly: WebResource("TelerikCustomSkins.TabStripTelerik.css", "text/css")]

[assembly: WebResource("TelerikCustomSkins.TabStrip_Images.TabStripStates.png", "image/png")]

[assembly: WebResource("TelerikCustomSkins.TabStrip_Images.TabStripStates_rtl.png", "image/png")]

[assembly: WebResource("TelerikCustomSkins.TabStrip_Images.TabStripVStates.png", "image/png")]

Default.aspx

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" CausesValidation="False" SelectedIndex="0" Skin="Telerik" EnableEmbeddedSkins="False">

<Tabs>

<telerik:RadTab Text="Item 1"></telerik:RadTab>

<telerik:RadTab Text="Item 2"></telerik:RadTab>

<telerik:RadTab Text="Item 3"></telerik:RadTab>

<telerik:RadTab Text="Item 4"></telerik:RadTab>

<telerik:RadTab Text="Item 5"></telerik:RadTab>

<telerik:RadTab Text="Item 6"></telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

TabStripTelerik.css

.RadTabStrip_Telerik .rtsLI,

.RadTabStrip_Telerik .rtsLink

{

color: white;

font: 12px/26px Arial, sans-serif;

font-weight: bold;

}

.RadTabStripLeft_Telerik .rtsSeparator,

.RadTabStripRight_Telerik .rtsSeparator

{

background: #828282;

}

/* <disabled tabs> */

.RadTabStrip_Telerik .rtsDisabled

{

color: #aaa;

}

/* </disabled tabs> */

/* <scrolling arrows> */

.RadTabStrip_Telerik .rtsNextArrow,

.RadTabStrip_Telerik .rtsPrevArrow,

.RadTabStrip_Telerik .rtsPrevArrowDisabled,

.RadTabStrip_Telerik .rtsNextArrowDisabled

{

background-image: url('<%=WebResource("TelerikCustomSkins.TabStrip_Images.TabStripTabStripStates.png")%>');

}

/* </scrolling arrows> */

/* <tab backgrounds> */

.RadTabStripTop_Telerik .rtsLevel { background-color: transparent; }

.RadTabStripTop_Telerik .rtsLevel .rtsLink,

.RadTabStripTop_Telerik .rtsLevel .rtsOut,

.RadTabStripBottom_Telerik .rtsLevel .rtsLink,

.RadTabStripBottom_Telerik .rtsLevel .rtsOut,

.RadTabStripTop_Telerik_Baseline .rtsLevel,

.RadTabStripBottom_Telerik_Baseline .rtsLevel { background-image: url('<%=WebResource("TelerikCustomSkins.TabStrip_Images.TabStripTabStripStates.png")%>'); }

.RadTabStripLeft_Telerik .rtsLink,

.RadTabStripRight_Telerik .rtsLink { background-image: url('<%=WebResource("TelerikCustomSkins.TabStrip_Images.TabStripTabStripVStates.png")%>'); }

.RadTabStripLeft_Telerik .rtsLast .rtsLink,

.RadTabStripRight_Telerik .rtsLast .rtsLink

{

border-bottom: 1px solid #898C95;

}

/* </tab backgrounds> */

/* <background positioning: overlapping tabs> */

/* <orientation: top> */

.RadTabStripTop_Telerik .rtsLink { background-position: 0 -52px; color: #96b3da; }

.RadTabStripTop_Telerik .rtsFirst .rtsLink { background-position: 0 0; color: #96b3da; }

.RadTabStripTop_Telerik .rtsOut { background-position: 100% -52px; }

.RadTabStripTop_Telerik .rtsLast .rtsOut { background-position: 100% 0; }

.RadTabStripTop_Telerik .rtsLI .rtsSelected { background-position: 0 -26px;color:white; }

.RadTabStripTop_Telerik .rtsSelected .rtsOut { background-position: 100% -78px; }

.RadTabStripTop_Telerik .rtsLI .rtsAfter { background-position: 0 -78px; }

.RadTabStripTop_Telerik .rtsLast .rtsSelected .rtsOut { background-position: 100% -26px; }

.RadTabStripTop_Telerik_Baseline .rtsLevel { background-position: 0 100%; background-repeat: repeat-x; }

/* </orientation: top> */

/* <orientation: bottom> */

.RadTabStripBottom_Telerik .rtsLevel .rtsLink { background-position: 0 -130px; }

.RadTabStripBottom_Telerik .rtsLevel .rtsFirst .rtsLink { background-position: 0 -182px; }

.RadTabStripBottom_Telerik .rtsLevel .rtsOut { background-position: 100% -130px; }

.RadTabStripBottom_Telerik .rtsLevel .rtsLast .rtsOut { background-position: 100% -182px; }

.RadTabStripBottom_Telerik .rtsLevel .rtsLI .rtsSelected { background-position: 0 -156px; }

.RadTabStripBottom_Telerik .rtsLevel .rtsSelected .rtsOut { background-position: 100% -104px; }

.RadTabStripBottom_Telerik .rtsLevel .rtsLI .rtsAfter { background-position: 0 -104px; }

.RadTabStripBottom_Telerik .rtsLevel .rtsLast .rtsSelected .rtsOut { background-position: 100% -156px; }

.RadTabStripBottom_Telerik_Baseline .rtsLevel { background-position: 0 -599px; background-repeat: repeat-x; }

/* </orientation: bottom> */

/* <orientation: right> */

.RadTabStripRight_Telerik .rtsUL .rtsLink,

.RadTabStripRight_Telerik .rtsUL .rtsLI .rtsDisabled:hover { background-position: 100% 0; text-align: left; }

.RadTabStripRight_Telerik .rtsUL .rtsLink:hover { background-position: 100% -200px; }

.RadTabStripRight_Telerik .rtsUL .rtsSelected,

.RadTabStripRight_Telerik .rtsUL .rtsSelected:hover { background-position: 100% -400px; }

/* </orientation: right> */

/* <orientation: top (RTL)> */

.RadTabStripTop_Telerik_rtl .rtsLevel .rtsLink

{

padding-left: 0;

padding-right: 9px;

}

.RadTabStripTop_Telerik_rtl .rtsLevel .rtsOut

{

padding-left: 9px;

padding-right: 0;

}

.RadTabStripTop_Telerik_rtl .rtsLevel .rtsLink,

.RadTabStripTop_Telerik_rtl .rtsLevel .rtsOut { background-image: url('<%=WebResource("TelerikCustomSkins.TabStrip_Images.TabStripTabStripStates_rtl.png")%>'); }

.RadTabStripTop_Telerik_rtl .rtsLevel .rtsLink { background-position: 100% -52px; }

.RadTabStripTop_Telerik_rtl .rtsLevel .rtsFirst .rtsLink { background-position: 100% 0; }

.RadTabStripTop_Telerik_rtl .rtsLevel .rtsOut { background-position: 0 -52px; }

.RadTabStripTop_Telerik_rtl .rtsLevel .rtsLast .rtsOut { background-position: 0 0; }

.RadTabStripTop_Telerik_rtl .rtsLevel .rtsLI .rtsSelected { background-position: 100% -26px; }

.RadTabStripTop_Telerik_rtl .rtsLevel .rtsSelected .rtsOut { background-position: 0 -78px; }

.RadTabStripTop_Telerik_rtl .rtsLevel .rtsLI .rtsAfter { background-position: 100% -78px; }

.RadTabStripTop_Telerik_rtl .rtsLevel .rtsLast .rtsSelected .rtsOut { background-position: 0 -26px; }

/* </orientation: top (RTL)> */

/* </background positioning: overlapping tabs> */

/* <simplistic sub-item styles> */

.RadTabStrip_Telerik_SimpleSubItems .rtsLevel2,

.RadTabStrip_Telerik_SimpleSubItems .rtsLevel3,

.RadTabStrip_Telerik_SimpleSubItems .rtsLevel4 { background: #fff; }

.RadTabStrip_Telerik_SimpleSubItems .rtsLevel2 .rtsSelected,

.RadTabStrip_Telerik_SimpleSubItems .rtsLevel3 .rtsSelected,

.RadTabStrip_Telerik_SimpleSubItems .rtsLevel4 .rtsSelected

{

text-decoration: underline;

}

.RadTabStrip_Telerik_SimpleSubItems .rtsLevel2 .rtsLink,

.RadTabStrip_Telerik_SimpleSubItems .rtsLevel2 .rtsOut,

.RadTabStrip_Telerik_SimpleSubItems .rtsLevel2 .rtsIn,

.RadTabStrip_Telerik_SimpleSubItems .rtsLevel3 .rtsLink,

.RadTabStrip_Telerik_SimpleSubItems .rtsLevel3 .rtsOut,

.RadTabStrip_Telerik_SimpleSubItems .rtsLevel3 .rtsIn,

.RadTabStrip_Telerik_SimpleSubItems .rtsLevel4 .rtsLink,

.RadTabStrip_Telerik_SimpleSubItems .rtsLevel4 .rtsOut,

.RadTabStrip_Telerik_SimpleSubItems .rtsLevel4 .rtsIn

{

background: none;

}

/* </simplistic sub-item styles> */

The style is applied in my app, the only problem seems that can't embedded .the png images declares, i'm also having problems with the TreeView Control and the PanelBarControl. But when i use for example the slider or the calendar control in witch is all .gif i don't have any problems..

Am i missing something?

Thks.
João Matos.

ScriptManager and StyleSheetManager

answered on 17 Aug 2010