Hello,

I'm looking to create a JavaScript object that will accept as an argument a RadGrid.  From within the JavaScript object, I want to attach a function within the JavaScript object to an event within the RadGrid.  Specifically, I want to attach a function to the OnRowContextMenu.

To demonstrate this conceptually...

.
The "Grid_aob.ClientSettings.ClientEvents.OnRowContextMenu" assignment is a guess at what I could potentially do, but when I review the RadGrid documentation, there is no such capability.

As a comparison, I was looking at the RadMenu and RadContextMenu methods to add an event handler (e.g., menu.add_itemClicked(myItemClickedHandler)), but there is no reference in the documentation to a similar capability for the RadGrid.

Of course, I would try this, but I'm a fair bit off from getting to that point in my system, and I'd appreciate a sanity check before moving on.

Thank you for your assistance.

How could I get the selected value of a RadSlider using Request.Form?

Request.Form.Get("MainContent_RadSlider_Ticks_ClientState")

returns:

{"value":2,"selectionStart":2,"selectionEnd":0,"isSelectionRangeEnabled":false,"orientation":0,"smallChange":1,"largeChange":1,"trackMouseWheel":true,"showDragHandle":true,"showDecreaseHandle":true,"showIncreaseHandle":true,"width":"150px","height":"40px","animationDuration":50,"minimumValue":1,"maximumValue":7,"trackPosition":2,"liveDrag":true,"dragText":"Drag","thumbsInteractionMode":1}

What is the name "MainContent_RadSlider_Ticks_ClientState" and how quickly could I get the selected value which is 2 here?

Thanks,

I've got a modal window that's being used for Delete confirmation. The window is not centering however. See the attached.

I'd need to create 4 columns at runtime and they should be grouped in one header.

For example, imagine I have 4 columns of AM, PM, EVE and Full and they should all be under one header (Monday):

------------------------
      Monday
AM PM EVE Full
------------------------
1 1 1 3
2 1 1 4
1 1 1 3

I just made up the numbers to demonstrate there should be 4 columns appearing

How could I achieve this?

Many thanks,

Hi,

I have created a user control along with ordering, paging etc. On the first time when grid loads, master check box work good but after clicking on column for ordering, master check box did not work.
When I disable the ajax it work fine.
Please suggest...

Regards,
Reyaz


 <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

        <script type="text/javascript">
            function CloseWindow() {
                window.close();
                return true;
            }
            var column = null;
            function MenuShowing(sender, args) {
                if (column == null)
                    return;
                var menu = sender;
                var items = menu.get_items();
                if (column.get_dataType() == "System.String") {
                    var i = 0;
                    while (i < items.get_count()) {
                        if (!(items.getItem(i).get_value() in { 'NoFilter': '', 'Contains': '', 'DoesNotContain': '', 'StartsWith': '', 'EndsWith': '', 'NotEqualTo': '', 'EqualTo': '' })) {
                            var item = items.getItem(i);
                            if (item != null)
                                item.set_visible(false);
                        }
                        else {
                            var item = items.getItem(i);
                            if (item != null)
                                item.set_visible(true);
                        }
                        i++;
                    }
                }
                column = null;
            }
            function filterMenuShowing(sender, eventArgs) {
                column = eventArgs.get_column();
            }
            function GetItems(sender, eventArgs) {

                sender.requestItems(sender.get_text(), false);
            }
            function SelectSingleRB(objRef) {
                var row = objRef.parentNode.parentNode;
                var GridView = row.parentNode;
                var inputList = GridView.getElementsByTagName("input");

                for (var i = 0; i < inputList.length; i++) {
                    if (inputList[i].type == "radio" && inputList[i] != objRef) {
                        inputList[i].checked = false;
                    }
                }
            }

            function CheckUncheckAllCheckBoxAsNeeded() {

                var totalCheckboxes = $("#<%=grdFieldSelector.ClientID%> input[id*='chkSelect']:checkbox").size();
                var checkedCheckboxes = $("#<%=grdFieldSelector.ClientID%> input[id*='chkSelect']:checkbox:checked").size();
                if (totalCheckboxes > 0 && totalCheckboxes == checkedCheckboxes)
                    if (totalCheckboxes == checkedCheckboxes) {
                    $("#<%=grdFieldSelector.ClientID%> input[id*='chkCheckUncheckAll']:checkbox").attr('checked', true);
                }
                else {
                    $("#<%=grdFieldSelector.ClientID%> input[id*='chkCheckUncheckAll']:checkbox").attr('checked', false);
                }
                else {
                    $("#<%=grdFieldSelector.ClientID%> input[id*='chkCheckUncheckAll']:checkbox").attr('checked', false);
                }
            }
            $(document).ready(function() {
                $("#<%=grdFieldSelector.ClientID%> input[id*='chkSelect']:checkbox").click(CheckUncheckAllCheckBoxAsNeeded);
                $("#<%=grdFieldSelector.ClientID%> input[id*='chkCheckUncheckAll']:checkbox").click(function() {
                    if ($(this).is(':checked'))
                        $("#<%=grdFieldSelector.ClientID%> input[id*='chkSelect']:checkbox").attr('checked', true);
                    else
                        $("#<%=grdFieldSelector.ClientID%> input[id*='chkSelect']:checkbox").attr('checked', false);
                });
                CheckUncheckAllCheckBoxAsNeeded();
            });
        </script>

    </telerik:RadCodeBlock>
    <telerik:RadAjaxManager ID="rajxMgrFieldDataSelector" runat="server">
        <ajaxsettings>
            <telerik:AjaxSetting AjaxControlID="rajxMgrFieldDataSelector">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="grdFieldSelector" />
                    <telerik:AjaxUpdatedControl ControlID="lblItemCollection" />
                    <telerik:AjaxUpdatedControl ControlID="hdnOrder" />
                    <telerik:AjaxUpdatedControl ControlID="hdnOrder" />

                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="grdFieldSelector">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="grdFieldSelector" LoadingPanelID="rajxLdpanFieldDataSelector" />
                    <telerik:AjaxUpdatedControl ControlID="lblItemCollection" />
                    <telerik:AjaxUpdatedControl ControlID="hdnOrder" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </ajaxsettings>
    </telerik:RadAjaxManager>
    <telerik:RadAjaxLoadingPanel ID="rajxLdpanFieldDataSelector" runat="server" />
    <telerik:RadSkinManager ID="RadSkinManagerFieldSelector" runat="server" Enabled="true"
        ShowChooser="false">
        <targetcontrols>
            <telerik:TargetControl ControlID="btnOK" />
            <telerik:TargetControl ControlID="grdFieldSelector" />
        </targetcontrols>
    </telerik:RadSkinManager>
    <telerik:RadFormDecorator ID="FormDecorator1" runat="server" DecoratedControls="all">
    </telerik:RadFormDecorator>

Hi, 

i am working on telerik grid.

 <telerik:RadGrid runat="server" ID="telerikGrid" AutoGenerateColumns="false"                                                        
                                                        AllowPaging="true" Skin="Outlook" PageSize="20" AllowSorting="True" ClientSettings-DataBinding-EnableCaching="true" Visible="false" OnItemCommand="gvTitlesInOperations_TitleDetails">
                                                        <MasterTableView DataKeyNames="ID" InsertItemPageIndexAction="ShowItemOnCurrentPage"
                                                            EnableHeaderContextMenu="True" CommandItemDisplay="Top">
                                                            <CommandItemSettings AddNewRecordText="" ShowAddNewRecordButton="False" ShowExportToExcelButton="True" />
                                                                <Columns>
                                                                    <telerik:GridBoundColumn DataField="MetaBook_ID" HeaderStyle-Width="60px" HeaderText="Book ID" />
                                                                    <telerik:GridBoundColumn DataField="Title" HeaderStyle-Width="360px" HeaderText="Title" />
                                                                    <telerik:GridBoundColumn DataField="SubTitle" HeaderStyle-Width="300px" HeaderText="Sub-title" />
                                                                    <telerik:GridBoundColumn DataField="abc" HeaderText="" />
                                                                    <telerik:GridBoundColumn DataField="xyz" HeaderText="" />
                                                                     <telerik:GridBoundColumn DataField="" HeaderText="" />
                                                                      <telerik:GridBoundColumn DataField="" HeaderText="" />                                                                
                                </telerik:GridButtonColumn>
                                                                </Columns>
                                                            <HeaderStyle Font-Bold="False" />
                                                        </MasterTableView>
                                                        <PagerStyle Mode="NextPrevAndNumeric" />
                                                    </telerik:RadGrid>


i just want to add one row. simple static one row to this grid in javascript in a simple function. plz guide me how to do this

function populategrid()
{
code here
}

regards,

Faisal

Hi

I already have text AND images in my ComboBoxItems, but I only show text in the text area.

Can I also show the image of my selected item in the text area?

TIA  

Hi,

I am using RadEditor control in my website but not able to load the editor when I run the site.
Previously I was using .Net 2.0 and telerik version 2011.1.413.40 but as I mentioned in the this link
http://www.telerik.com/community/forums/aspnet-ajax/vs-extensions/314574.aspx I followed the instruction
and now I am facing the problem as "ASP.NET Ajax client-side framework failed to load." --Syntax error
for ScriptResource.axd and Telerik.Web.UI.WebResource.axd

The TargetFramework setting of my project is: .Net Framework 4;

The version of the Telerik.Web.UI assembly is: Product Version: 2011.1.413.40

Please help me in solving this issue.

Thanks

How do I get the clientside selected data key?  Only thing I can find is DisplayIndex....and not sure if that's what I want (does the display index change for an item if it's collapsed and thus hidden?)

We have a RadGrid that contains columns and a NestedViewTemplate which contains a user control that only has a RadGrid.  The export functionality has been working fine since Jan 2010, but ever since updating to Q1 2011 we receive an Object Reference error each time we try to export.  The stack trace shows that "Telerik.Web.UI.GridTableView.PrepareExport()" is the function throwing the error.  All other RadGrid export functions work fine, but they do not contain a NestedViewTemplate that contains another RadGrid.

The only way that the export will work is if I set IgnorePaging to false, but then all data that is on the other pages do not get exported to the excel.  So basically anytime the IgnorePaging is not false, you get the object reference error.  Also, if I remove the user control and just leave the empty NestedViewTemplate elements, the export works all the time.  Only when the user control (which just contains a RadGrid) is within a NestedViewTemplate do I get the object reference error.

The user control within the nestedviewtemplate is always set to visible = false, however, when you export, the radgrid within the user control, which is always visible = false, has its OnNeedDataSource event fired and after this is when you get the object reference error.  Below is the call stack

Using 2010 Q3 Telerik assembly, this problem does not exists and the RadGrid within the user control that exists in the NestedViewTemplate does not have the OnNeedDataSource event fired when exporting.

[NullReferenceException: Object reference not set to an instance of an object.] Telerik.Web.UI.GridTableView.PrepareExport() +72 Telerik.Web.UI.Grid.Export.TableViewExporter.PrepareForExportInternal(GridTableView tableView, Boolean ignorePaging, Boolean dataOnly) +373 Telerik.Web.UI.GridTableView.ClearTableViewControls(Control control, TableViewExporter exporter, GridTableView ownerTable) +597 Telerik.Web.UI.Grid.Export.TableViewExporter.PrepareForExportInternal(GridTableView tableView, Boolean ignorePaging, Boolean dataOnly) +670 Telerik.Web.UI.Grid.Export.TableViewExporter.PrepareForExport() +59 Telerik.Web.UI.Grid.Export.TableViewExporter.page_PreRender(Object sender, EventArgs e) +34 System.EventHandler.Invoke(Object sender, EventArgs e) +0 System.Web.UI.Control.OnPreRender(EventArgs e) +8695510 System.Web.UI.Control.PreRenderRecursiveInternal() +80 System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +842

<

 

 

telerik:RadGrid ID="RadGridCustomers" runat="server" Width="100%" AllowSorting="true" SkinID="ExpandCollapse"

 

 

 

AllowPaging="true" OnItemDataBound="RadGridCustomers_ItemDataBound" PageSize="20"

 

 

 

OnItemCommand="RadGridCustomers_ItemCommand" OnNeedDataSource="RadGridCustomers_NeedDataSource">

 

 

 

<ExportSettings FileName="RelationshipList" />

 

 

 

<ClientSettings>

 

 

 

<Resizing AllowColumnResize="true" />

 

 

 

</ClientSettings>

 

 

 

<PagerStyle Mode="NextPrevAndNumeric" />

 

 

 

<MasterTableView DataKeyNames="CcnNumber" Name="CcnList">

 

 

 

 

<NestedViewTemplate>

 

 

 

<tcb:ViewCustomers ID="ViewCustomersByCcn" runat="server" Visible="false" />

 

 

 

</NestedViewTemplate>

 

 

 

<Columns>

 

 

 

<telerik:GridTemplateColumn HeaderText="Relationship Name" DataField="CcnName"

 

 

 

SortExpression="CcnName" HeaderStyle-Width="140px">

 

 

 

<ItemTemplate>

 

 

 

<asp:HyperLink ID="HyperLinkCcnAccountList" runat="server" Target="_blank"

 

 

 

NavigateUrl="#" ToolTip="View Accounts" />

 

 

 

</ItemTemplate>

 

 

 

</telerik:GridTemplateColumn>

 

 

 

</MasterTableView>

 

 

 

</telerik:RadGrid>

 

Thanks.