Telerik Forums
Kendo UI for jQuery Forum
0 answers
116 views

Hello, 

I'm trying to combine custom positions of shape connectors with the save and load functionality.  I've combined the following two examples in the dojo:

https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/diagram/configuration/shapes.connectors.position 

https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/diagram/methods/load

Dojo example: https://dojo.telerik.com/oqAloqOY/2 

As you can see after loading the saved model the custom connectors are gone. Is there any way to persist them or at least re-apply them after load?

Thanks

The Cowboy
Top achievements
Rank 1
 asked on 17 Jan 2023
1 answer
401 views

I am trying to move away from using select2 multi-select. Ideally, I would like to call a function that returns the value for the kendo multi-select during initialization. The value will be retrieved by an AJAX call. Is there any way I could implement this? I tried using dataBound, but it looks like anything inside the data-bound will be called every time user clicks on the multi-select control. 

During initialization, I don't want to call the dataSource. This will be updated every time user clicks open. I just need to update the value field based on the AJAX result.
$("#multiselect").kendoMultiSelect({
  dataSource: {
    transport: {
      read: {
        url: "https://demos.telerik.com/kendo-ui/service/products",
        dataType: "jsonp"
      }
    }
  },
  open: function(e){
    // datasource is dynamic and should be updated with every click.
    $('#multiselect').data('kendoMultiSelect').dataSource.read();
  },
  dataTextField: "ProductName",
  dataValueField: "ProductID",
  autoBind: false,
  value: "IS IT POSSIBLE TO GET DATA FROM AJAX DURING INITIALIZATION?"
});
Is this possible with telerik multiselect?
Martin
Telerik team
 answered on 17 Jan 2023
1 answer
117 views

The documentation for ScrollView autoBind is incorrect or incomplete.  When examining the ScrollView autoBind API Reference the sample configuration does not mention or show proper usage of the autoBind configuration.  Additionally, I am unable to get the ScrollView widget to initialize when setting autoBind: false

When using this configuration the widget does not initialize.  If I set autoBind: true the widget binds to the dataSource but it does not honor the current query parameters. 

This code runs correctly when autoBind: true.  It fails when autoBind: false  Dojo Snippet

<script id="scrollview-template" type="text/x-kendo-template">
    <div style="width: 200px; height: 200px; background-image: #=setBackground(data.filename)#; background-repeat:no-repeat; background-size: cover;"></div>
    <p>#= data.filename #</p>
</script>


<div id="container" style="margin: 20px;">
    <div id="scrollView"
      data-role="scrollview" 
      data-auto-bind="false"
      data-pageable="true"
      data-enable-pager="true"
      data-template="scrollview-template"
      data-bind="source: fruits"
      data-content-height="100%" 
      data-page="0"
      style="width: 400px; height: 300px; max-width: 100%;">
    </div>
</div>



<script>

function setBackground(filename) {
  return "url(https://demos.telerik.com/kendo-ui/content/shared/images/photos/" + filename + ")";
}

var viewModel = kendo.observable({
  fruits: new kendo.data.DataSource({
    data: [
      { filename: "15.jpg" },
      { filename: "16.jpg" },
      { filename: "17.jpg" }
    ],
    schema: {
      model: {
        fields: {
          filenname: { type: "string" }
        }
      }
    }
  })
});

$(document).ready(function() {
  kendo.bind($("#container"), viewModel);

  

  setTimeout(function(){
    console.log("ScrollView Next - Refresh");
    //var scrollView = $("#scrollView").kendoScrollView().data().kendoScrollView;
    //scrollView.scrollTo(1);
    //scrollView.refresh();
    }, 1000);
  });


</script>

Neli
Telerik team
 answered on 17 Jan 2023
0 answers
219 views

When utilizing an image editor control I receive the following output in console and the image does not load: Please see markup below

 

Html Page Div Implementation

Html Page Script Implementation

Console output

Result of View


My Layout has the following implementations for CSS and JS

Isaiah
Top achievements
Rank 1
 asked on 16 Jan 2023
0 answers
362 views

I am working on a page that has a table set to display: none and I want to have the Kendo UI Grid initialize its data set from this table. Unfortunately I am seeing that this does not work properly when the table has style=display: none as an attribute. In this situation I see the Grid's column headers render, but no rows are shown. Of course simply removing the display none style would fix the problem, but the table is several thousand rows and we have it hidden to increase page load performance.

Is there a way I can initialize the Kendo UI Grid from this hidden table, then show the grid afterwards?

DuelingCats
Top achievements
Rank 2
 asked on 15 Jan 2023
0 answers
125 views

Hello, dear colleagues.

I'd like to know, is there any approach to programmatically change grid's active page after calling dataSource.read transport method?

If I use dataSource.page(x), I'm having an infinite call chain.

I dont want to call dataSource read, my data is okay. I'd like to change grid's visual pager only, like "page 7 of 100".

 

Thank you.

 

 

 

 

 

 

Max
Top achievements
Rank 1
 updated question on 15 Jan 2023
0 answers
298 views

I have the following code that uses the upload control to take a spreadsheet from our end user and uploads it and then parses it out into our objects.

var workbook = new kendo.spreadsheet.Workbook({});

workbook.fromFile(file).then(function() { Do lots of things; });

I have had zero issues with this block for the most part. However one of our end users has tried to upload a file and they are running into issues. When I debug the code it hits the fromFile, and then goes right past the then. I had multiple breakpoints inside the then, and none of them were being hit. In my last attempt I let it run for almost an hour before I killed it. I tried wrapping it in a try catch to see if it was erroring out and nothing. I tried to upload the file on the demo for the api (https://docs.telerik.com/kendo-ui/api/javascript/ui/spreadsheet/methods/fromfile) and it loads fine there. 

I am at a loss and would love some insight. I have attached the spreadsheet that is causing issues hoping that someone can shed some light on it for me.

Jed
Top achievements
Rank 1
Iron
 asked on 13 Jan 2023
1 answer
123 views

need to have the ability we have in a grid, to set the field to "string" or object EXPLICITLY 

 

P.S seems right now it is under self determination based on fields value & if the field is null & editor DropDown, the object will be set instead of just value

Georgi Denchev
Telerik team
 answered on 12 Jan 2023
1 answer
333 views

Hi Guys,

I have just noticed an issue with the Scheduler component whereby the dataBound event is constantly being fired during resize events.

To illustrate the problem run the following dojo

https://dojo.telerik.com/uCaQOcEX

and then resize the browser window and you will see multiple 'dataBound' messages hitting the console.log

Running a similar test with the Grid component for comparison

https://dojo.telerik.com/ifoHEDUd

does not cause these multiple dataBound events on resize.

Therefore I suspect this is not the expect behaviour of the Scheduler component but a bug within the code.

Please advise.

Regards
Alan

       
Martin
Telerik team
 answered on 11 Jan 2023
1 answer
94 views
I don't think this was an issue until the previous updates; the kendo listview is no longer inheriting the tabindex from the parent element (0) and instead sets it to -1, even if the listview is navigatable and selectable. I can reset it after the declaration, but as we use this control in a wide variety of applications, it's less than ideal to sweep for every instance when it was previously correct. Any suggestions on how to handle this?
Martin
Telerik team
 answered on 11 Jan 2023
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
Date/Time Pickers
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Application
Map
Drag and Drop
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
SPA
Filter
Drawer (Mobile)
Drawing API
Globalization
Gauges
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
MultiColumnComboBox
Chat
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
OrgChart
TextBox
Effects
Accessibility
ScrollView
PivotGridV2
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Collapsible
Localization
MultiViewCalendar
Touch
Breadcrumb
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
Popover
DockManager
FloatingActionButton
TaskBoard
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?