Questions on UI for ASP.NET AJAX Forum

1 answer

151 views

Hi,

Am doing mega drop down menu, where the menu items and sub items are driven from XML file.Actually my wish is drop down should not appear if no sub items are present under a menu item.But in this case am getting an empty drop down.Please let me know how to get out of this.

Code snippet is as folows and the following attachment is my xml file.

        protected void Page_Load(object sender, EventArgs e)
    {
        if (!Page.IsPostBack)
        {
            RadMenu1.LoadContentFile("menu3.xml");
            RadMenu1.DataBind();

        }
    }

protected void RadMenu1_DataBound(object sender, EventArgs e)
    {
        RadMenu menu = (RadMenu)sender;
        menu.Width = 880;
        menu.Height = 35;
        foreach (RadMenuItem item in menu.Items)
        {
            RadSiteMap sm = new RadSiteMap();
            PopulateSiteMap(sm, null, item);

            //sitemap settings to have the menu items appear in columns

            SiteMapLevelSetting rootLevelSetting = new SiteMapLevelSetting(0);
            rootLevelSetting.ListLayout.RepeatColumns = 1;
            rootLevelSetting.ListLayout.RepeatDirection = SiteMapRepeatDirection.Horizontal;
            sm.LevelSettings.Add(rootLevelSetting);
            item.Items.Clear();
            RadMenuItem childItem = new RadMenuItem();

            childItem.Width = 880;
            Panel catWrapper = new Panel();
            catWrapper.CssClass = "Wrapper";
            catWrapper.Width = Unit.Pixel(870);
            catWrapper.Controls.Add(sm);

            childItem.Controls.Add(catWrapper);
            item.Items.Add(childItem);
        }
    }

private static void PopulateSiteMap(RadSiteMap sm, RadSiteMapNode node, RadMenuItem item)
    {
        if (node == null)
        {
            foreach (RadMenuItem child in item.Items)
            {
                node = new RadSiteMapNode(child.Text, child.NavigateUrl);
                sm.Nodes.Add(node);
                if (child.Items.Count > 0)
                {
                    PopulateSiteMap(sm, node, child);
                }
            }
        }
        else
        {
            foreach (RadMenuItem child in item.Items)
            {
                node.Nodes.Add(new RadSiteMapNode(child.Text, child.NavigateUrl));
                if (child.Items.Count > 0)
                {
                    PopulateSiteMap(sm, node, child);
                }
            }
        }
    }

Thanks & Regards
Mohanram Poola

Menu

answered on 14 Feb 2012

4 answers

585 views

Radcombo With Multiple Check Box Selection.

Hi ALL,
I have done multiple check box selection inside the Radcombobox using Javascript Please have one look it may help you in your project:

JAVASCRIPT:

<script type="text/javascript">

function onCheckBoxClickClass(chk, combo) {

var combo;

if (combo == 'rcbClassGroup') {

combo = $find("<%= rcbClassGroup.ClientID %>");

}

cancelDropDownClosing = true;

//holds the text of all checked items

var text = "";

//holds the values of all checked items

var values = "";

//get the collection of all items

var items = combo.get_items();

//enumerate all items

for (var i = 0; i < items.get_count(); i++) {

var item = items.getItem(i);

//get the checkbox element of the current item

var chkMultipleSelectclass = $get(combo.get_id() + "_i" + i + "_chkMultipleSelectclass");

if (chkMultipleSelectclass.checked) {

text += item.get_text() + ",";

values += item.get_value() + ",";

}

//remove the last comma from the string

text = removeLastComma(text);

values = removeLastComma(values);

if (text.length > 0) {

//set the text of the combobox

combo.set_text(text);

}

else {

//all checkboxes are unchecked

//so reset the controls

combo.set_text("");

}

var cancelDropDownClosing = false;

function removeLastComma(str) {

return str.replace(/,$/, "");

}

function StopPropagation(e) {

//cancel bubbling

e.cancelBubble = true;

if (e.stopPropagation) {

e.stopPropagation();

}

function onDropDownClosing() {

cancelDropDownClosing = false;

}

function selectAllNodes(chk, combo, chkItem, ChkNone) {

var combo;

var combobox;

if (combo == 'rcbClassGroup') {

combobox = $find('<%=rcbClassGroup.ClientID %>');

}

var nestedCheckBox = combobox.get_items()._array;

for (var i = 0; i < nestedCheckBox.length; i++) {

var chk1 = $get(combobox.get_id() + "_i" + i + "_" + chkItem);

chk1.checked = chk.checked;

}

if (chk.checked && combo == 'rcbClassGroup')

onCheckBoxClickClass(chk, combo);

if (ChkNone != null) {

var chkNone = $get(combobox.get_id() + "_Header_" + ChkNone);

if (chkNone.checked)

chkNone.checked = false;

}

if (!chk.checked)

combobox.set_text("");

}

</script>

HTML:

<telerik:RadComboBox ID="rcbClassGroup" runat="server" AllowCustomText="true" SkinID="DropDownList298x200"

Filter="Contains" EmptyMessage="--Select--" AutoPostBack="false" DataSourceID="test" DataTextField="Name" DataValueField="ID" >

<HeaderTemplate>

<asp:CheckBox ID="ChkClassroomGroup" runat="server" Text="Select All" AutoPostBack="false"

onClick="selectAllNodes(this,'rcbClassGroup','chkMultipleSelectclass',null)" />

</HeaderTemplate>

<ItemTemplate>

<div onclick="StopPropagation(event)">

<asp:CheckBox ID="chkMultipleSelectclass" runat="server" Text='<%#Eval("Name") %>'

AutoPostBack="false" onclick="onCheckBoxClickClass(this,'rcbClassGroup')" />

</div>

</ItemTemplate>

</telerik:RadComboBox>

<asp:XmlDataSource ID="test" DataFile="../XMLFiles/RadCombo.xml" runat="server"></asp:XmlDataSource>

Let me know if any issue.

Thanks,
Abhishek K

ComboBox

answered on 14 Feb 2012

1 answer

194 views

RadAjaxLoadingPanel in master page

Hi,

is it possible to place a RadAjaxLoadingPanel inside the master page so it will show on any kind of postback event!? I don't want to attach the RadAjaxLoadingPanel to specific controls like a send button which fire the postback. As for me, it should work on any page using the master page. Is this possible!?

Thanks in advance

Martin

Ajax

answered on 14 Feb 2012

3 answers

101 views

Initial Grid filter expression on being passed to DataBinding

For the following control definition, I am not getting an initial filter expression passed to the WCF GetDataAndCount method. The initial filter expression is empty. If I set a filter after the grid is loaded, then the call to GetDataAndCount is passed a filter expression. I am following the example at http://www.telerik.com/help/aspnet-ajax/grid-applying-default-filter-on-initial-load.html.

<telerik:RadGrid runat="server" ID="RadGrid1" AllowPaging="True" AllowSorting="True"
            AllowFilteringByColumn="True" PageSize="40" CellSpacing="0"
            GridLines="None" Skin="Office2010Blue" AutoGenerateColumns="False"
            EnableViewState="False" EnableLinqExpressions="false" >
            <MasterTableView DataKeyNames="ProductID" ClientDataKeyNames="ProductID"
                EnableViewState="False" FilterExpression="([Staus] <> 'Closed')">
                <PagerStyle Mode="NumericPages" />
                <CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>
                <RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column"></RowIndicatorColumn>
                <ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column"></ExpandCollapseColumn>
                <Columns>
                    <telerik:GridBoundColumn DataField="Number" HeaderText="Number" DataType="System.Int32" HeaderStyle-Width="50px">
                        <HeaderStyle Width="50px"></HeaderStyle>
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="Type" HeaderText="Type" DataType="System.Int32" HeaderStyle-Width="75px">
                        <HeaderStyle Width="75px"></HeaderStyle>
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="Subject" HeaderText="Subject" DataType="System.String" ItemStyle-Wrap="False" FilterControlWidth="150px">
                        <HeaderStyle Width="150px"></HeaderStyle>
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="Status" HeaderText="Status" DataType="System.String" CurrentFilterFunction="NotEqualTo" CurrentFilterValue="Closed">
                        <HeaderStyle Width="75px"></HeaderStyle>
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="Priority" HeaderText="Priority" DataType="System.String">
                        <HeaderStyle Width="75px"></HeaderStyle>
                    </telerik:GridBoundColumn>
                    <telerik:GridDateTimeColumn DataField="CreationDate" HeaderText="Creation Date" PickerType="None" DataType="System.DateTime" DataFormatString="{0:M/d/yyyy h:mm tt}" ItemStyle-Wrap="False">
                        <HeaderStyle Width="200px"></HeaderStyle>
                    </telerik:GridDateTimeColumn>
                </Columns>

                <EditFormSettings>
                    <EditColumn FilterControlAltText="Filter EditCommandColumn column"></EditColumn>
                </EditFormSettings>

                <PagerStyle Mode="NextPrevAndNumeric" />
            </MasterTableView>
            <ClientSettings>
                <DataBinding SelectMethod="GetDataAndCount" Location="Ajax" SortParameterType="String" FilterParameterType="String">
                </DataBinding>
                <Selecting AllowRowSelect="True" />
                <ClientEvents OnRowDataBound="rowBound" />
            </ClientSettings>
            <FilterMenu EnableImageSprites="False"></FilterMenu>
        </telerik:RadGrid>

Grid

answered on 14 Feb 2012

1 answer

77 views

Filtered data not comming from all pages in the grid ?

I have a grid in which I have filtering as well as paging turned on.

When I am filtering the the grid based on a particular column, the rows which are matching in the current page are showing up in the filter result but the rows which are matching in the other pages of the grid are not comming in the filter result and I want them to come up in the result of the filter. Unable to do so.

Please help me out.

Grid

answered on 14 Feb 2012

1 answer

192 views

Listview Image Gallery - Out of Memory exception

I am using the below sample to build a listview image gallery.

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

I am getting the Out of Memory exception. I have attached the code and error.

Would you please help me with this problem.

Imports System

Imports System.Collections.Generic

Imports System.Drawing.Imaging

Imports System.IO

Imports System.Linq

Imports System.Web

Imports System.Drawing

Imports System.Threading

Namespace Data

Public NotInheritable Class DataProvider

Private Sub New()

End Sub

<ThreadStatic()> Private Shared _photos As List(Of Photo)

Public Shared Function GetData() As IList(Of Photo)

If _photos IsNot Nothing Then

Return _photos

End If

_photos = New List(Of Photo)()

For Each file As String In Directory.GetFiles(HttpContext.Current.Server.MapPath("Res1\User1\Residence1\"))

Dim photo = New Photo()

photo.Name = Path.GetFileName(file)

Dim image__1 As Image = Image.FromFile(file)

Using memoryStream = New MemoryStream()

image__1.Save(memoryStream, ImageFormat.Png)

photo.Data = memoryStream.ToArray()

End Using

_photos.Add(photo)

Next

Return _photos

End Function

End Class

Public Class Photo

Private Shared ReadOnly _key As New Object()

<ThreadStatic()> Private Shared _counter As Integer

Public Sub New()

Id = GetId()

End Sub

Public Property Name() As String

Get

Return m_Name

End Get

Set(ByVal value As String)

m_Name = value

End Set

End Property

Private m_Name As String

Public Property Data() As Byte()

Get

Return m_Data

End Get

Set(ByVal value As Byte())

m_Data = value

End Set

End Property

Private m_Data As Byte()

Public Property Id() As Integer

Get

Return m_Id

End Get

Private Set(ByVal value As Integer)

m_Id = value

End Set

End Property

Private m_Id As Integer

Protected Shared Function GetId() As Integer

SyncLock _key

_counter += 1

End SyncLock

Return _counter

End Function

End Class

End Namespace

ListView

answered on 14 Feb 2012

8 answers

181 views

ExcelML export of templatecolumn

I understand why ExcelML export doesn't work on TemplateColumns out of the box, but it would be nice if you placed somewhere on the top of your ExcelML documentation something like "Limitation: this will not work with TemplateColumns". I would rather know there is a limitation than spending time trying to figure out why the control won't work the way I expected.

Furthermore, I have seen numerous posts about this issue (many of which would likely be unecessary with the little bit of additional documentaiton I mentioned above) and most of these point to a link which no longer exists ("Export Tips and tricks"), claiming there is some way to get the ExcelML export to work with template columns. So my question, since there doesn't seem to be any documentation, is do you have a work-around to be able to get template columns to export in an ExcelML scenario? If so, can you provide a VB example?

Grid

answered on 14 Feb 2012

1 answer

98 views

selected item

What is the client event for getting the selected text in combobox
aspx

<telerik:RadComboBox ID="RadComboBox1" runat="server" Height="300px" >

<Items>

<telerik:RadComboBoxItem Text="Room1" />

<telerik:RadComboBoxItem Text="Room2" />

</Items>

</telerik:RadComboBox>

ComboBox

answered on 14 Feb 2012

2 answers

140 views

Problem on get invalidFile ID to remove

To,
Problem: Unabled get Invalid file index to remove the invalid file by upload.deleteFileInputAt(i); since upload.getUploadedFiles(); only get valid file index.

<telerik:RadAsyncUpload runat="server" ID="RadAsyncUpload1"
                        MultipleFileSelection="Automatic" AllowedFileExtensions=".sql" MaxFileSize="1000000"
                        OnClientValidationFailed="DeleteInvalidFiles">
</telerik:RadAsyncUpload>

function DeleteInvalidFiles() {
            var upload = $find("<%= RadAsyncUpload1.ClientID %>");
            var inputs = upload.getUploadedFiles(); //Get Valid File only

            for (i = inputs.length - 1; i >= 0; i--) {
                alert(inputs[i].value);
                if (!upload.isExtensionValid(inputs[i].value))
                    upload.deleteFileInputAt(i);
            }
}

Thks
From Tan;

AsyncUpload

answered on 14 Feb 2012

1 answer

75 views

multiple scripts being included for multiple instances of RadWindow

Hi,

We have used RadWindow in our application and create a multiple instances on a page. So at the time of Page loading multiple scripts (ScriptResources.axd & WebResources.axd) being included for multiple instances of RadWindow.

So is there any approach to load a single ScriptResources.axd & WebResources.axd for all radwindow instances.

So please help us.

Thanks,

Ajax

answered on 14 Feb 2012