Telerik Forums
Kendo UI for jQuery Forum
5 answers
250 views

Hello,

I have a simple grid that works fine. MVC 5 project. jquery read only grid. I added one line only to the grid definition - "toolbar: ["pdf"],":

                        function createHoldingsTable() {
                            $("#gridHoldings").kendoGrid({
                                toolbar: ["pdf"],
                                height: 600,
                                resizable: true,
                                sortable: true,
                                scrollable: true,
                                dataSource: {
                                    data: holdingsData

The holdingsData is json array that populated by drop-down control on the web page. When I click on PDF button then one PDF report generated per a click and that's is expected. Close it and click again - one PDF generated with the same content. If I choose another value in the drop-down box, the grid updated fine and displays new content. PDF button will now generate two PDFs, one have old (for first drop-down value) and another with new content. Changing the drop-down value third time will produce three reports.

I've checked the javascripts and they included ones:

<script src="/Scripts/jquery.unobtrusive-ajax.min.js"></script><script src="/Scripts/jquery.validate.js"></script>

<script src="/Scripts/jquery.validate.unobtrusive.js"></script>

<script src="/Scripts/kendo/2018.2.516/kendo.all.min.js"></script>

<script src="/Scripts/kendo/2018.2.516/kendo.aspnetmvc.min.js"></script>

<script src="/Scripts/modernizr-2.8.3.js"></script>

What I am doing wrong? Where my problem could be?

Thanks.

 

 

Tsvetina
Telerik team
 answered on 15 Oct 2018
1 answer
712 views

I need to show a tooltip on the items of a dropdownlist. However I would like for the tooltip to close after one second. I looked on the telerik forums and it seems that it exists but only for ajax AutoCloseDelay

Can this be achieved also in kendo UI for jQuery?

Veselin Tsvetanov
Telerik team
 answered on 15 Oct 2018
14 answers
620 views

I am trying to make code sample of editable grid with external form.

I followed the the documents at https://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/Editing/grid-external-form-editing.

I added the property editable:true to the grid and added custom validation for both the grid and the form on the field "ProductName".

The validation rule is that only input which is not "wrongInput" is valid.

I want to change the behavior that in case that the user enter invalid input in the grid then the grid will stay in the same row until a valid input is entered.

Secondly I if the user go to the form and fix the the field there then the corresponding field in the grid will be updated with the correct value.

This is the link to the code https://dojo.telerik.com/anopA

 

Thanks,

Evyatar

Konstantin Dikov
Telerik team
 answered on 15 Oct 2018
3 answers
198 views
Is there an example of grid and pivot grid connected to normal database or rest api to get remote json data?
In the example I see only Olap or local json data into js file.
Thank you
Alex Hajigeorgieva
Telerik team
 answered on 15 Oct 2018
1 answer
246 views

Hi,

I have following code:

    //Autocomplete Gemarkungssuche
    $("#al_gemarkung").kendoAutoComplete({
        minLength: 1,
        dataTextField: "bez",
        select: onSelectAlkisplace,
        enable: true,
        dataSource: new kendo.data.DataSource({
           transport: {
               read: "mod_alkis/gem_search.php",
               //parameter
               parameterMap: function(options, operation) {
                   return {
                       placename: options.filter.filters[0].value
                   }
               }
           },
           schema: {
               data: "data"
           },
           //Filter aufServer nicht Client
           serverFiltering: true
       })
    });   

if I enter a letter everything works fine, but if I go back to the beginning of my input with the backspace key or delete everything in the input field I get the following error in the console:
TypeError: options.filter.filters[0] is undefined
How can I prevent this?

Thanks Sven

 

Neli
Telerik team
 answered on 15 Oct 2018
5 answers
141 views

I have a DatePicker where I want validation to happen(the message to say something like "Date is already Posted" when a user selects a date from the datepicker that has  Posted(a bool column in the database) value of 1. It will be reading from the column Transaction_Date to look at the date and the Posted column to see if it is true. 

 

The other possible function would be to disable the date in the datepicker where the Transaction_Date value has a posted = 1 

 

Either way would work but I would prefer the validation as I plan to disable a different set of dates in the datepicker.

 

 

Konstantin Dikov
Telerik team
 answered on 12 Oct 2018
2 answers
145 views

I am having a problem with the inline toolbar editor dropping to the bottom on drag if I am scrolled down on a page. It works just fine if I am scrolled all the way to the top. Once I scroll down whatever the offset calculations are seem to be off and the toolbar drops instantly to the bottom.

The same offset problem is happening to the drop-down menus when scrolled down on both editors, not just the inline. To reproduce be scrolled to the top with a focus on the editor and open a drop down. Then scroll down a little and open the same drop down again. The drop-down appears to render in the same location the toolbar was in before you scrolled. 

Ianko
Telerik team
 answered on 12 Oct 2018
1 answer
281 views

Hello, when I   a spreadsheet as follows:

```

$("#spreadsheet").kendoSpreadsheet({
  changeFormat:() => {
    console.log("Change!");
  }
});

```

The callback for changeFormat is not called when I change a cell's styling. However, if I change a cell's format, like currency, number, date, etc, it is called.

Perhaps there is a different event fired for when a cell's styles change? Though I'm unable to find any other event in the list that is even somewhat close to this. The "change" event also does not get triggered in this case.

 

Veselin Tsvetanov
Telerik team
 answered on 12 Oct 2018
3 answers
420 views

I'm looking through your docs, and I can't seem to find an easy way to remove the validation on a range of cells.

I've tried passing an empty object to range.validation without success.  Any ideas?

David M
Top achievements
Rank 1
 answered on 11 Oct 2018
2 answers
956 views
Is there a good way to trigger the multiselect open event when you tab into the control from a previous input. Currently it does open when you click on the element or if you tab into it and type or press the down key. However i would like to trigger the open even on focus. I have tried the following just to log the event however it does not seem to trigger the focus event until i start to type. 

$("select[data-role=multiselect]").each(function () {
    var widget = $(this).getKendoMultiSelect();
    widget.input.on("focus", function () {
        console.log(this);
    });
});


Darren
Top achievements
Rank 1
 answered on 11 Oct 2018
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
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)
Filter
SPA
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
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
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
PivotGridV2
ScrollView
Switch
TextArea
BulletChart
Licensing
QRCode
ResponsivePanel
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
TimePicker
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
SegmentedControl
+? more
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?