Hello,

I have a RadGrid and when adding anew record, there are some of cascade dropdown. Once a selection is made in "Record Type", then the dropdown below, "Sub-Type" rebinds to the data source and displays only relevant records.

Code below (it works correctly, I am just adding it as a reference to understand the issue I am experiencing):

Protected Sub RecordType_SelectedIndexChanged(ByVal sender As Object, ByVal e As DropDownListEventArgs)
    Dim combo As RadDropDownList = TryCast(sender, RadDropDownList)
    Dim container As GridEditableItem = TryCast(combo.NamingContainer, GridEditableItem)

    Dim workProductCombo As RadDropDownList = TryCast(container.FindControl("SubTypeDropDown"), RadDropDownList)
    If Not workProductCombo Is Nothing Then
      SqlDataSource7.SelectCommand = "SELECT [Sub_Type] FROM [Record_Sub_Type] WHERE [id]=(SELECT [ID] from [Record_Type1] where [Record_Type]='" & combo.SelectedValue & "') OR [ID]=0 ORDER BY [Sub_Type] ASC"
        SqlDataSource7.DataBind()

      workProductCombo.DataBind()
      workProductCombo.ClearSelection()
    End If

   
  End Sub

Action on grid when adding new record:

Everything works correctly but.... grid is flickering when dropdown selection triggers a data source rebind. How to avoid this? I tied to "ajaxify" the grid as follows, but no result.

  <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    <AjaxSettings>
      <telerik:AjaxSetting AjaxControlID="RadGrid1">
        <UpdatedControls>
          <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1"></telerik:AjaxUpdatedControl>
        </UpdatedControls>
      </telerik:AjaxSetting>
    </AjaxSettings>
  </telerik:RadAjaxManager>

When a file is added to the UploadFiles collection, it goes to the RadUploadTemp folder, and given a filename prefix consisting of numbers.

When it comes time to actually upload those files to the desired location, and considering there is one Temp location for all users, how does this tool differentiate, and only upload the items pertaining to that user/session, etc.?

I've monitored the temp folder while dropping files into the dropzone, from two different computers, and I don't understand how it knows which files go with which browser session.

I have figured out how to hide a series by the index but I am not guaranteed the index will always be the same for each series, how can I hide/show series by name client side?

This hides by index:

var chart = $find("<%= myChart.ClientID %>");
var kendoChart = chart.get_kendoWidget();

kendoChart.options.series[1].visible = false;

I have tried to figure out how to get the index from below but have not been successful:

kendoChart.findSeriesByName("mySeriesName");

Hi
Sorry for the constant inconvenience
I have problem that I would like to help find solution .
I want to make an event click or Doubleclick On Spreadsheet above
It is filled Spreadsheet  in below with the specified data
Attached picture 2
I tried a lot and worked the following code
It still does not display data
I don't know where the problem is

<telerik:RadScriptBlock runat="server" >
     <script type="text/javascript">

       function OnClientClicked(sender, args) {                
                    var value = args.get_range().get_value()
                    $find("<%= RadAjaxManager1.ClientID %>").ajaxRequest(value);                     
       }
             function OnClientChange(sender, args) {
                    var spreadsheet = $find("<%= RadSpreadsheet_ProjectPart.ClientID %>");
                    var jsonstring = JSON.stringify(spreadsheet.get_kendoWidget().toJSON());
                    $get("<%= HD_ProjectPart.ClientID %>").value = jsonstring;
             }
               function OnClientChange2(sender, args) {
                    var spreadsheet = $find("<%= RadSpreadsheet_WBS.ClientID %>");
                    var jsonstring = JSON.stringify(spreadsheet.get_kendoWidget().toJSON());
                    $get("<%= HDWBS.ClientID %>").value = jsonstring;
             }
         </script>
    </telerik:RadScriptBlock> 

  <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"   EnableViewState ="true"    OnAjaxRequest="RadAjaxManager2_AjaxRequest"  ></telerik:RadAjaxManager>

  <telerik:RadSpreadsheet ID="RadSpreadsheet_ProjectPart"    OnClientChange="OnClientChange"  OnClientSelect ="OnClientClicked"     runat="server" RowsCount="40" ColumnsCount ="3" RowHeaderWidth ="30" ColumnHeaderHeight ="0" Width ="100%" Height ="290px"  ColumnWidth="100"    >

  </telerik:RadSpreadsheet>

  <asp:HiddenField ID="HDWBS" runat="server" EnableViewState ="true"  />

     <telerik:RadSpreadsheet ID="RadSpreadsheet_WBS"   EnableViewState ="true"   runat="server" RowsCount="5" ColumnsCount ="4" RowHeaderWidth ="30" ColumnHeaderHeight ="0" Width ="100%" Height ="290px"  ColumnWidth ="260"  >

                                                                </telerik:RadSpreadsheet>

  Protected Sub RadAjaxManager2_AjaxRequest(ByVal sender As Object, ByVal e As AjaxRequestEventArgs)
        Dim DT As New DataTable
        Dim workbook = New Telerik.Web.Spreadsheet.Workbook()
        DT = GetProject_WBS2(e.Argument)
        workbook.Sheets = GetSheets_WBS(DT)
        Dim json = workbook.ToJson()
        HDWBS.Value = json
    End Sub

I'm working on an application

Asp.net


Kind regards

Has anyone had any success implementing the built-in filtering capabilities of RadGrid (no server or client-side code) when setting the rendermode of the RadGrid to Mobile?

I find that the filtering is inconsistent or doesn't work at all in Mobile mode, but if I switch to Lightweight, it works perfectly. Also, for a GridDateTimeColumn, the filtering dialog is confusing. I'm not sure how you would specify a range using "Between" in Mobile mode.

The target for this application is a tablet, so I have been using the "Mobile" render mode throughout, but I may need to use the "Lightweight" option for this radGrid as filtering will be important to the end user.

If anyone has any experience with this or has any suggestions, I would appreciate it.

Again, all I'm doing is changing the rendermode from "Mobile" to "Lightweight" and that solves all of the issues.

Thanks!

Hi friends

I want to use a RadGrid with Grouping, as shown on this page:

https://demos.telerik.com/aspnet-ajax/grid/examples/functionality/grouping/grouping/defaultvb.aspx

But the data for this grid is inside a datatable.

Is there any way to build this grid without using SqlDataSource?

Thanks

See you

Hi,

I have been struggling with this issue for some time.  Here is the problem.  When the page is first loaded, the splitter is displaying half of the content as in step1.jpg.  However when I resize the browser width or height just tiny bit, the splitter is displaying the entire content occupying the entire page as in step2.jpg.

<telerik:RadSplitter runat="server" ID="Splitter" Width="100%" OnClientLoaded="SplitterLoaded" Height="95%">
    <telerik:RadPane runat="server" ID="LeftPane" Scrolling="Both">
        <!-- left pane is loaded dynamically -->
    </telerik:RadPane>
    <telerik:RadSplitBar runat="server" ID="SplitBar" CollapseMode="Both" />
    <telerik:RadPane runat="server" ID="RightPane">
        <!-- right pane is loaded dynamically -->
    </telerik:RadPane>
</telerik:RadSplitter>

The content in the splitter is loaded dynamically using "knockout" js library.  Is there a way to resize the splitter to display the entire content as in step2.jpg when the page is loaded?

Please let me know if you need more information.  I really appreciate any help from you.

How to clear RadChat Messages in javascript? I tried clear and it didnt work

<telerik:RadChat runat="server" ID="RadChat1" Height="400px">
                <MessagesSettings Placeholder="Enter message here" />
</telerik:RadChat>

var radChat = $find("<%=RadChat1.ClientID %>");
radChat.clear()

Hi

I have encounter an issue when reordering with a RadTabStrip.

There is a radWindow on the page and if you click on a tab to reorder, then move it over the RadWindow and unclick then the tab will remain over the Window.

If you then click on the TabStrip again then the tab will remain orphaned.  Sometimes clicking the the relevant tab will make the tab disappear, sometimes it doesn't.

Hi I am trying to virtualize my radmulticolumn combobox however after virtualization I am unable to select any of the items in the combobox it doesnt select the item whenever i click to select it just closes the dropdown.

The client side Onselect event triggers but doesnt hold  a selected Item-The server side on itemSelctedindexchanged event doesnt fire at all.

it is bound to a Datatable..

here is my code

Thanks alot

       <telerik:RadMultiColumnComboBox ID="accDropDown"
                        runat="server" CssClass="multiColumn"
                        AutoPostBack="true" DataTextField="AccountName"
                        DataValueField="AccountId" AllowPaging="true"
                        Filter="Contains" Width="420px" OnSelectedIndexChanged="accDropDown_SelectedIndexChanged"
                        Font-Size="14px" CausesValidation="false" ForeColor="#666666" FilterFields="AccountName,AccountNumber"
                        Delay="0" Placeholder="Select An Account.." EnableServerFiltering="true"
                        EnableServerPaging="true" Enable="true" ClientEvents-OnSelect="ItemSelected"  EnableViewState="true">
                        <ColumnsCollection>
                            <telerik:MultiColumnComboBoxColumn Field="AccountName" Title=" Account Name" Width="300px" />
                            <telerik:MultiColumnComboBoxColumn Field="AccountNumber" Title="Account Number" />
                        </ColumnsCollection>
                        <VirtualSettings ItemHeight="25" ValueMapper="valueMapper" />


                    </telerik:RadMultiColumnComboBox>


<script>
     function valueMapper(options) {

          
            $telerik.$.ajax({
                url: "https://demos.telerik.com/kendo-ui/service/Orders/ValueMapper",
                type: "GET",
                dataType: "jsonp",
                data: convertValues(options.value),
                success: function (data) {
                    options.success(data);
                }
                  
            })

        }

        function convertValues(value) {
            var data = {};
            value = $telerik.$.isArray(value) ? value : [value];

            for (var idx = 0; idx < value.length; idx++) {
                data["values[" + idx + "]"] = value[idx];
            }

            return data;
        }</script>