private void RadGrid1_ItemDataBound(object sender, Telerik.Web.UI.GridItemEventArgs e)

{
    if (e.Item is GridEditableItem && e.Item.IsInEditMode)
    {
        GridEditableItem item = e.Item as GridEditableItem;
        // access/modify the edit item template settings here
        DropDownList list = item.FindControl("CategoryIDDropDown") as DropDownList;
        list.DataSource = mydatasource;
        list.DataBind();

{

{

<telerik:RadGrid ID="RadGrid1" GridLines="None" runat="server" AllowAutomaticDeletes="True"

            AllowAutomaticInserts="True" PageSize="10" Skin="Default" OnItemDeleted="RadGrid1_ItemDeleted" OnItemInserted="RadGrid1_ItemInserted"

            OnItemUpdated="RadGrid1_ItemUpdated" AllowAutomaticUpdates="True" AllowPaging="True"

            AutoGenerateColumns="False" OnBatchEditCommand="RadGrid1_BatchEditCommand" DataSourceID="SqlDataSource1" Height="500px" OnItemCommand="RadGrid1_ItemCommand" Visible="True">

            <ExportSettings>

                <Pdf>

                    <PageHeader>

                        <LeftCell Text="" />

                        <MiddleCell Text="" />

                        <RightCell Text="" />

                    </PageHeader>

                    <PageFooter>

                        <LeftCell Text="" />

                        <MiddleCell Text="" />

                        <RightCell Text="" />

                    </PageFooter>

                </Pdf>

            </ExportSettings>

            <MasterTableView AutoGenerateColumns="False" BatchEditingSettings-EditType="Row" CommandItemDisplay="Bottom" DataKeyNames="ProductID" DataSourceID="SqlDataSource1" EditMode="Batch" HorizontalAlign="NotSet">

                <EditFormSettings>

                    <EditColumn FilterControlAltText="Filter EditCommandColumn column">

                    </EditColumn>

                </EditFormSettings>

                <BatchEditingSettings EditType="Cell" />

                <SortExpressions>

                    <telerik:GridSortExpression FieldName="ProductID" SortOrder="Descending" />

                </SortExpressions>

                <CommandItemSettings ExportToPdfText="Export to PDF" />

                <RowIndicatorColumn FilterControlAltText="Filter RowIndicator column" Visible="True">

                </RowIndicatorColumn>

                <ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column" Visible="True">

                </ExpandCollapseColumn>

                <Columns>

                    <telerik:GridBoundColumn DataField="ProductName" HeaderStyle-Width="210px" HeaderText="ProductName" SortExpression="ProductName" UniqueName="ProductName">

                        <ColumnValidationSettings EnableRequiredFieldValidation="true">

                            <RequiredFieldValidator ForeColor="Red" Text="*This field is required">

                            </RequiredFieldValidator>

                            <ModelErrorMessage Text="" />

                        </ColumnValidationSettings>

                        <HeaderStyle Width="210px" />

                    </telerik:GridBoundColumn>

                    <telerik:GridTemplateColumn DataField="CategoryID" HeaderStyle-Width="180px" HeaderText="Category" UniqueName="CategoryID">

                        <ItemTemplate>

                            <%# Eval("CategoryName") %>

                        </ItemTemplate>

                        <EditItemTemplate>

                            <telerik:RadDropDownList ID="CategoryIDDropDown" runat="server" DataTextField="CategoryName" DataValueField="CategoryID">

                            </telerik:RadDropDownList>

                        </EditItemTemplate>

                        <HeaderStyle Width="180px" />

                    </telerik:GridTemplateColumn>

                    <telerik:GridNumericColumn ColumnEditorID="NumericEditor1" DataField="UnitsInStock" HeaderStyle-Width="80px" HeaderText="Units In Stock" SortExpression="UnitsInStock" UniqueName="UnitsInStock">

                        <ColumnValidationSettings>

                            <ModelErrorMessage Text="" />

                        </ColumnValidationSettings>

                        <HeaderStyle Width="80px" />

                    </telerik:GridNumericColumn>

                    <telerik:GridBoundColumn ColumnEditorID="TextEditor" DataField="QuantityPerUnit" HeaderStyle-Width="135px" HeaderText="Quantity Per Unit" SortExpression="QuantityPerUnit" UniqueName="QuantityPerUnit">

                        <ColumnValidationSettings>

                            <ModelErrorMessage Text="" />

                        </ColumnValidationSettings>

                        <HeaderStyle Width="135px" />

                    </telerik:GridBoundColumn>

                    <telerik:GridCheckBoxColumn DataField="Discontinued" HeaderStyle-Width="80px" HeaderText="Discontinued" SortExpression="Discontinued" UniqueName="Discontinued">

                        <HeaderStyle Width="80px" />

                    </telerik:GridCheckBoxColumn>

                    <telerik:GridTemplateColumn ColumnEditorID="NumericEditor1" DataField="UnitPrice" HeaderStyle-Width="80px" HeaderText="UnitPrice" SortExpression="UnitPrice" UniqueName="TemplateColumn">

                        <ItemTemplate>

                            <asp:Label ID="lblUnitPrice" runat="server" Text='<%# Eval("UnitPrice", "{0:C}") %>'></asp:Label>

                        </ItemTemplate>

                        <EditItemTemplate>

                            <span>

                            <telerik:RadNumericTextBox ID="tbUnitPrice" runat="server" Width="55px">

                            </telerik:RadNumericTextBox>

                            <span style="color: Red">

                            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="tbUnitPrice" ErrorMessage="*Required">

                                    </asp:RequiredFieldValidator>

                            </span></span>

                        </EditItemTemplate>

                        <HeaderStyle Width="80px" />

                    </telerik:GridTemplateColumn>

                    <telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Delete" ConfirmDialogType="RadWindow" ConfirmText="Delete this product?" ConfirmTitle="Delete" HeaderStyle-Width="50px" HeaderText="Delete" Text="Delete" UniqueName="DeleteColumn">

                        <HeaderStyle Width="50px" />

                    </telerik:GridButtonColumn>

                </Columns>

                <PagerStyle PageSizeControlType="RadComboBox" />

            </MasterTableView>

            <HeaderStyle BackColor="Silver" ForeColor="White" />

            <PagerStyle PageSizeControlType="RadComboBox" />

            <FilterMenu EnableImageSprites="False">

            </FilterMenu>

        </telerik:RadGrid>

        <telerik:GridNumericColumnEditor ID="NumericEditor1" runat="server">

            <NumericTextBox ID="NumericTextBox1" runat="server" Width="60px" />

        </telerik:GridNumericColumnEditor>

        <telerik:GridTextBoxColumnEditor runat="server" ID="TextEditor">

            <TextBoxStyle Width="120px" />

        </telerik:GridTextBoxColumnEditor>

    </telerik:RadAjaxPanel>

    <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"

        DeleteCommand="DELETE FROM [Products] WHERE [ProductID] = @ProductID" InsertCommand="INSERT INTO [Products] ([ProductName], [CategoryID], [UnitPrice], [Discontinued], [QuantityPerUnit], [UnitsInStock]) VALUES (@ProductName, @CategoryID, @UnitPrice, @Discontinued, @QuantityPerUnit, @UnitsInStock)"

        SelectCommand="SELECT [ProductID], [ProductName], [Products].[CategoryID], [Categories].[CategoryName] as CategoryName, [UnitPrice], [Discontinued], [QuantityPerUnit], [UnitsInStock] FROM [Products] JOIN Categories ON Products.CategoryID=Categories.CategoryID"

        UpdateCommand="UPDATE [Products] SET [ProductName] = @ProductName, [CategoryID] = @CategoryID, [UnitPrice] = @UnitPrice, [Discontinued] = @Discontinued, [QuantityPerUnit] = @QuantityPerUnit, [UnitsInStock] = @UnitsInStock WHERE [ProductID] = @ProductID">

        <DeleteParameters>

            <asp:Parameter Name="ProductID" Type="Int32"></asp:Parameter>

        </DeleteParameters>

        <InsertParameters>

            <asp:Parameter Name="ProductName" Type="String"></asp:Parameter>

            <asp:Parameter Name="CategoryID" Type="Int32"></asp:Parameter>

            <asp:Parameter Name="UnitPrice" Type="Decimal"></asp:Parameter>

            <asp:Parameter Name="Discontinued" Type="Boolean"></asp:Parameter>

            <asp:Parameter Name="QuantityPerUnit" Type="String"></asp:Parameter>

            <asp:Parameter Name="UnitsInStock" Type="Int16"></asp:Parameter>

        </InsertParameters>

        <UpdateParameters>

            <asp:Parameter Name="ProductName" Type="String"></asp:Parameter>

            <asp:Parameter Name="CategoryID" Type="Int32"></asp:Parameter>

            <asp:Parameter Name="UnitPrice" Type="Decimal"></asp:Parameter>

            <asp:Parameter Name="Discontinued" Type="Boolean"></asp:Parameter>

            <asp:Parameter Name="QuantityPerUnit" Type="String"></asp:Parameter>

            <asp:Parameter Name="UnitsInStock" Type="Int16"></asp:Parameter>

            <asp:Parameter Name="ProductID" Type="Int32"></asp:Parameter>

        </UpdateParameters>

    </asp:SqlDataSource>

Hi, we're trying to export a page and running into problems with Chrome (68.0.3440.106) 64-bit. It attempts to download the file (PDF) and fails with a network error (see attached). I suspect it can't write to the location it's trying to download to but can't see where. Everything else in Chrome just downloads to C:\Users\user\Downloads. We've tried Incognito mode with same result. We're not experiencing the issue with IE11 or Edge. Also, we're using version 2018.2.710 of the controls.

Thanks

Daniel

Just wanted to get feedback from developer community in choosing either the Library for User control (ASP.net Ajax) or (MVC & Kendo UI)

Just was trying to see what would be ideal path if I was doing fresh new  development

Wanted to get User feedback how these two different libraries behave for Web/Tablet/Mobile platform

if there is any meaningful advantage of one over the other

Which one of the two libraries is easier to customize for emerging display tech

Hi

An issue appear while selecting date, if we see in html code a style left:-1000px apply on RadCalendarPopup RadCalendarPopupShadows that disturb style by creating extra space on the page (pic attach)

Another important point here, i use dir="ltr" on body tag for english language and dir="rtl" on body tag for arabic language, the style issue only appear for arabic case in which we use dir="rtl". how we can fix this ? 

Hi 

We have implemented a Multi column, Multi selection Rad Combobox with Radgrid as itemtemplate,  we able to create multiple selection effect by clicking on grid rows area (not using check box column for selection) and able to persist selection on filtering and sorting, the issue we face is selection text doesn’t appear on combobox header on first time selection without using checkbox (clicking on row), however its working fine on 2nd, 3rd click.

ASPX code:

<telerik:RadComboBox ID="cmbUser" runat="server" Width="180px" Height="200px" DropDownWidth="180px"
  EmptyMessage="Please select..." OnClientDropDownClosing="OnEmployeeDropdownClosing" AutoPostBack="true">
<ItemTemplate>
<div style="max-height: 200px; overflow: auto;">

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1"  >

<asp:Button ID="btnHidden" ClientIDMode="Static" runat="server" Style="display: none;" CausesValidation="false" />
<telerik:RadGrid ID="rGrdUsers4DDL" runat="server" AllowSorting="True" AutoGenerateColumns="False"
AllowMultiRowSelection="true" AllowFilteringByColumn="true"
CellSpacing="0" GridLines="None" OnNeedDataSource="rGrdUsers4DDL_NeedDataSource"
Width="180px" ClientSettings-EnableRowHoverStyle="True">
<ClientSettings>
<Selecting AllowRowSelect="true" EnableDragToSelectRows="true" UseClientSelectColumnOnly="false" ></Selecting>
</ClientSettings>
<GroupingSettings CaseSensitive="false" />
<MasterTableView DataKeyNames="UserID,FullDesc,EmployeeID,Firstname" ClientDataKeyNames="UserID,FullDesc,EmployeeID,Firstname">
<CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>
<RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column">
<HeaderStyle Width="20px"></HeaderStyle>
</RowIndicatorColumn>
<ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column">
<HeaderStyle Width="20px"></HeaderStyle>
</ExpandCollapseColumn>

<Columns>
<telerik:GridClientSelectColumn  UniqueName="SelectColumn"  ></telerik:GridClientSelectColumn>

<telerik:GridBoundColumn DataField="UserID" Visible="false" FilterControlAltText="Filter column column"
HeaderText="User ID" UniqueName="column">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="EmployeeID" FilterControlAltText="Filter column1 column" CurrentFilterFunction="Contains" FilterDelay="3000" ShowFilterIcon="false"
HeaderText="Employee Code" UniqueName="column1" AutoPostBackOnFilter="false">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Firstname" FilterControlAltText="Filter column2 column" CurrentFilterFunction="Contains" FilterDelay="3000" AutoPostBackOnFilter="false" ShowFilterIcon="false"
HeaderText="Firstname" UniqueName="column2">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Lastname" FilterControlAltText="Filter column3 column" CurrentFilterFunction="Contains" FilterDelay="3000" AutoPostBackOnFilter="false" ShowFilterIcon="false"
HeaderText="Lastname" UniqueName="column3">
</telerik:GridBoundColumn>
</Columns>
<EditFormSettings>
<EditColumn FilterControlAltText="Filter EditCommandColumn column">
</EditColumn>
</EditFormSettings>
</MasterTableView>
<ClientSettings>
<ClientEvents OnGridCreated="OnddlEmployeeGridCreated"  OnRowCreated="OnddlEmployeeRowCreated"
OnRowDeselected="OnddlEmployeeRowDeSelected" OnRowSelected="OnddlEmployeeRowSelected"
OnRowClick="OnddlEmployeeRowClick"></ClientEvents>
</ClientSettings>
<FilterMenu EnableImageSprites="False">
</FilterMenu>
</telerik:RadGrid>
</telerik:RadAjaxPanel>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" IsSticky="true" />
</div>

</ItemTemplate>
<Items>
<telerik:RadComboBoxItem runat="server" Text=""></telerik:RadComboBoxItem>
</Items>
</telerik:RadComboBox>
Java script functions:

        var clickedItemIndex;
            var selected;
            var chkbxClicked;
            var PersistSelctionArray = {};


            function OnddlEmployeeGridCreated(sender, eventArgs) {
                //alert('grid created');

                //To create array selected length of dataitems
                selected = new Array(sender.get_masterTableView().get_dataItems().length);

                //To set the select all checkbox with respect to the selected dataitems
                var masterTable = sender.get_masterTableView();
                var selectColumn = masterTable.getColumnByUniqueName("SelectColumn");
                var headerCheckBox = $(selectColumn.get_element()).find("[type=checkbox]")[0];

                if (headerCheckBox) {
                    headerCheckBox.checked = masterTable.get_selectedItems().length ==
                        masterTable.get_dataItems().length;
                }
            }

            function ClearSelection() {
                PersistSelctionArray = {};
            }

            function OnddlEmployeeRowClick(sender, args) {
                //alert('Row clicked');
                var master = sender.get_masterTableView();
                var index = args.get_itemIndexHierarchical();
                selected[index] = master.get_dataItems()[index].get_selected()
                clickedItemIndex = index;
                //alert(selected[index]);
                //master.get_dataItems()[index].set_selected(!master.get_dataItems()[index].get_selected());
            }

            function OnddlEmployeeRowSelected(sender, args) {
                //alert('Row Selected');

                var e = args.get_domEvent(); 
                //IE - srcElement, Others - target 
                var targetElement = e.srcElement || e.target;
                if (typeof (targetElement) != "undefined") {
                    //is the clicked element an input checkbox? <input type="checkbox"...> 
                    if (targetElement.tagName.toLowerCase() != "input" &&
                        (!targetElement.type || targetElement.type.toLowerCase() != "checkbox"))// && currentClickEvent) 
                    {
                        chkbxClicked = false;
                    }
                    else {
                        chkbxClicked = true;
                    }
                }
                else {
                    //args.set_cancel(true);
                }
                //alert('chkbxClicked=' + chkbxClicked);
                var index = args.get_itemIndexHierarchical();
                var UserID = args.getDataKeyValue("UserID");
                if (!chkbxClicked) {
                    //alert("row clicked=" + selected[index]);
                    if (clickedItemIndex == index && selected[index]) {
                        //args.set_cancel(true);
                        args.get_gridDataItem().set_selected(false);
                    }
                    else {
                        //To keep record of selection state
                        if (!PersistSelctionArray[UserID]) {
                            //alert('saved index=' + index);
                            PersistSelctionArray[UserID] = true;
                        }

                    }
                }
                else {
                    //To keep record of selection state
                    if (!PersistSelctionArray[UserID]) {
                        //alert('saved index=' + index);
                        PersistSelctionArray[UserID] = true;
                    }
                }

                //To set the selected text
                var grid = $find(sender.ClientID);
                var MasterTable = grid.get_masterTableView();
                var selectedRows = MasterTable.get_selectedItems();
                //alert(selectedRows.length);
                var headerValues = '';
                for (var i = 0; i < selectedRows.length; i++) {
                    var row = selectedRows[i];
                    var cell = MasterTable.getCellByColumnUniqueName(row, "column1")
                    if (headerValues != '')
                        headerValues = headerValues + ',';
                    headerValues = headerValues + cell.textContent;
                }
                var combo = $find(sender.ClientID.replace('_i0_rGrdUsers4DDL', ''));
                //alert('header values='+headerValues);
                combo.set_text(headerValues);
//combo.commitChanges();
                //$('#btnHidden').click();
                //alert(combo.get_text());
            }
            function OnddlEmployeeRowDeSelected(sender, args) {
                //alert('Row DeSelected');

var e = args.get_domEvent(); 
                //IE - srcElement, Others - target 
                var targetElement = e.srcElement || e.target;
                if (typeof (targetElement) != "undefined") {
                    //is the clicked element an input checkbox? <input type="checkbox"...> 
                    if (targetElement.tagName.toLowerCase() != "input" &&
                        (!targetElement.type || targetElement.type.toLowerCase() != "checkbox"))// && currentClickEvent) 
                    {
                        chkbxClicked = false;
                    }
                    else {
                        chkbxClicked = true;
                    }
                }
                else {
                    //args.set_cancel(true);
                }
                //alert('chkbxClicked=' + chkbxClicked);
                var index = args.get_itemIndexHierarchical();
                var UserID = args.getDataKeyValue("UserID");
                if (!chkbxClicked) {
                    if (clickedItemIndex != index) {
                        //args.set_cancel(true);
                        //alert('clickedItemIndex=' + clickedItemIndex + ' index=' + index)
                        args.get_gridDataItem().set_selected(true);
                    }
                    else {
                        //To keep record of selection state
                        if (PersistSelctionArray[UserID]) {
                            //alert('Removed index=' + index);
                            PersistSelctionArray[UserID] = false;
                        }
                    }
                }
                else {
                    //To keep record of selection state
                    if (PersistSelctionArray[UserID]) {
//alert('Removed index=' + index);
                        PersistSelctionArray[UserID] = false;
                    }
                }

                //To set the selected text
                var grid = $find(sender.ClientID);
                var MasterTable = grid.get_masterTableView();
                var selectedRows = MasterTable.get_selectedItems();
                var headerValues = '';
                for (var i = 0; i < selectedRows.length; i++) {
                    var row = selectedRows[i];
                    var cell = MasterTable.getCellByColumnUniqueName(row, "column1")
                    if (headerValues != '')
                        headerValues = headerValues + ',';
                    headerValues = headerValues + cell.textContent;
                }
                var combo = $find(sender.ClientID.replace('_i0_rGrdUsers4DDL', ''));
                combo.set_text(headerValues);
            }

            function OnddlEmployeeRowCreated(sender, args) {
                //var index = args.get_itemIndexHierarchical();
                var UserID = args.getDataKeyValue("UserID");
                if (PersistSelctionArray[UserID]) {
                    args.get_gridDataItem().set_selected(true);
                }
            }

            function OnEmployeeDropdownClosing(sender, args) {
                var e = args.get_domEvent();
                //IE - srcElement, Others - target 
                var targetElement = e.srcElement || e.target;
                if (typeof (targetElement) != "undefined") {
                    if (targetElement.tagName.toLowerCase() == "td")// && currentClickEvent) 
                    {
                        if (clickedItemIndex>-1) {
                            args.set_cancel(true);
                        }
                    }
                }
                else {
                    //args.set_cancel(true);
                }

                clickedItemIndex = -1;
            }

Hello again

On HtmlChart is there any way to disable the mousewheel zoom in Javascript ? 

I've tried the following but zooming by mousewheel is still enabled, so neither of them worked. I'd appreciate your help.

$find("chart")._options.zoomable.mousewheel = "false";

$find("chart")._options.zoomable.mousewheel = false;

$find("chart")._options.zoomable.mousewheel.set("false");

$find("chart")._options.zoomable.mousewheel.set(false);

Thanks.

Hello,

is it possible to fire custom command name with parameters from client side as it is in RadGrid ? https://www.telerik.com/forums/fire-insert-command-with-arguments-using-jquery-on-hierarchical-grid#8SdCCScqtU2GOs6cr-uJkA

Thank you.

Best regards

Vasssek

     Hi,

I have a gridview inside a RadAjaxPanel. Everything works fine except when a linkbutton onclick event (which is inside the gridview's template column) triggers, loading panel shows up but never hides.

Need urgent help.

Thanks.

Example of the layout

<telerik:RadAjaxPanel runat="server" LoadingPanelID="loadingPanelXYZ">

     <asp:GridView ID="grdXYZ" runat="server" 

           <Columns>
                     <asp:TemplateField HeaderText="XYZ" >
                                <ItemTemplate>
                                        <asp:LinkButton id="lnkXYZ" runat="server" 

Hi all. I've been using Silverlight Upload for years (Q3/2013), and it works flawlessly. Now there are many browsers preventing SL from being used, so I've built an AJAX ASP.NET (Q3/2013) site to do the trick. It works fine on my development machine (Win 8.1/VS2012SP1/IIS7), but once deployed on our server (Win Srv 8, FW 4.5) the selected filed 2B uploaded remain in a red state. Using Firefox for developers, I've seen an error 404 trying to load WebResources.axd; so I've followed Telerik's suggestion found in this forum to troubleshoot the error, amended config.web file inserting reference to ScriptResource.axd, with no success. Is there anyone who can help me to get rid of this error? TIA

Saverio Tedeschi

For tri-state TreeView i am trying to check state of 'parent' node.

I tried get_checked() function, but it returns true for both checked and part-checked items

Here is the code just in case:

function rddtRegion_OnClientNodeChecking(sender, args) {

         var region_node = args.get_node();

         if (region_node.get_value().includes('000')) {      // PARENT NODE CHECK

              if (region_node.get_checked()) {        

 Thank you