Telerik Forums
Kendo UI for jQuery Forum
1 answer
149 views

We have a kendo tooltip which loads content (a cshtml partial) via ajax. But it seems as though that partial doesn't have access to jQuery.

We get the old classic "$ is not a function" message in the browser console.

Is this a known issue? Is there a workaround?

To be specific, we want to host another tooltip from an object within the first tooltip.

Thanks,

George

George
Top achievements
Rank 1
 answered on 25 Apr 2018
3 answers
2.1K+ views

I have a Kendo UI ComboBox with dynamic data from a server (>1000 objects).

The following restricts should apply to the control:

1) It should only load data when interacted with.

2) It should always return the first 20 object when the dropdown box is clicked

3) Filtering should work and return objects from the server that match the filter

4) An object might be added to the combobox when the page is loaded

My problem right now is that if I add an item to the dataSource on page load, the combobox will not trigger a read. Adding a binding to dropdown read will sometimes trigger read 2 times entailing flicker and weird behavior.

I have created a example here: https://dojo.telerik.com/ATEWEmuz/4

How do I make it so the combobox always trigger a read when the user click on the down arrow?

 

 

Nencho
Telerik team
 answered on 25 Apr 2018
1 answer
513 views

Hi, I have the next code 

HTML

<input id="dropdownlist" />

 

JAVACRIPT

$("#dropdownlist").kendoDropDownList({
    dataTextField: "text",
    dataValueField: "value",
    dataSource: [
        {text:"None",       value:"Fruits"},
        {text:"Apples",     value:"Apples"},
        {text:"Oranges",    value:"Oranges"},
        {text:"Lechus",     value:"Lechus"},
        {text:"Carrot",     value:"Carrot"}
    ]
});
 
var dropdownlist = $("#dropdownlist").data("kendoDropDownList");
 
dropdownlist.value("Fruits");
dropdownlist.value("Carrot");
removeItem(dropdownlist, "Oranges");
dropdownlist.value("Lechus");
   
function removeItem(dropdownlist, value){
    var items = dropdownlist.dataSource.data();
    var foundItem = {};
    var i;
 
    for (i = 0; i < items.length; i++) {
        if (items[i].value == value) {
            foundItem = items[i];
            break;
        }
    }
    if (foundItem) {
        dropdownlist.dataSource.remove(foundItem);
    }
}

 

If you run, the dropdown list has a issue, two options are selected.

If you comment code line removeItem(dropdownlist, "Oranges"); works well, I think that Remove method of dataSource is the problem.

I tested in DOJO with all versions but the problem is no solved.

Could are you tell me why does that occur ?  and How could I solved this problem?

 

Neli
Telerik team
 answered on 24 Apr 2018
5 answers
236 views

Hi Guys

I am having a strange issue with Edge Browser (other browsers work fine).

If you copy a set of cells (which are horizontal) into a new row, the copied values are copied vertically. This happens only with Ctrl + C & Ctrl +V options. If you copy using context menu and paste using Ctrl + V, it works fine. 

You can also check this with the sample spreadsheet https://demos.telerik.com/kendo-ui/spreadsheet/index

Is this a know issue?

 

 

 

Ivan Danchev
Telerik team
 answered on 24 Apr 2018
7 answers
382 views

Is there a way to highlight items find by the filter in a treeList ?

 I Want this behavior:  http://jsfiddle.net/fosxumcb/  but using kendo provided  filter

Stefan
Telerik team
 answered on 24 Apr 2018
2 answers
564 views

Hi

I'm having trouble binding the data when I change the tab. First time the data s binding perfectly fine but when I click any other tab is not working and if I return to the first one the data is there. here is part of my code I will appreciate any help

 

function createTabStrip() {
$("#tabstrip").kendoTabStrip({
tabPosition: "top",
scrollable: true,
dataTextField: "ItemId",
dataContentUrlField: "ItemUrl",
dataSource: dataSourceItem,
dataBound: function () {
var tabStrip = $("#tabstrip").data("kendoTabStrip");
tabStrip.select(0);
},
activate: onItemSelect,
});
}

 

function onItemSelect()
{
var index = this.select().index();
currItem = dataSourceItem.view()[index].ItemId;
if (itemDatSourceCreated === false) {
createItemObsDataSource();
createItemDataObservable();
itemDatSourceCreated = true;
        Observ.dataSource.read();
}
else
itemObserv.dataSource.read();
}

 

function createItemDataObservable() {
itemObserv = kendo.observable({
dataSource: dataSourceItemDat
});
}

 

function createItemObsDataSource() {
dataSourceItemDat = new kendo.data.DataSource({
transport: {
read: {
url: baseUrl + "/api/EPDApi/GetInfo/",
dataType: "json",
contentType: "application/json; charset=utf-8",
type: "POST",
},
parameterMap: function (data, type) {
var result = {
Id: currId,
source: currSource,
contract: currItem
}
return kendo.stringify(result);
}
},
batch: true,
pageSize: 20,
schema: {
model: {
id: "contID",
fields: {
contID: { from: "ContractId" },
contDirInc: { from: "DirectoryInclude" },
contIpa: { from: "IPAAffiliate" },
contIpaName: { from: "IPAAffiliateName" },
contPart: { from: "Participation" },
contPcp: { from: "PCP" },
contSpecialty: { from: "Specialty" },
contPrimSpec: { from: "PrimarySpecialty" },
contSubSpec: { from: "SubSpecialty" },
contSpecType: { from: "SpecialtyType" },
contProvTier: { from: "ProvTier" },
contProvTierPlan: { from: "ProvTierPlanCode" }
}
}
},
change: function () {
kendo.unbind($("#contract"));
kendo.bind($("#contract"), itemObserv.dataSource.data()[0]);
}
})
}

Veselin Tsvetanov
Telerik team
 answered on 24 Apr 2018
14 answers
2.3K+ views
Hi ,

I have a filters on one or more columns of the grid . And I want to achive to  clear a filter on one of the column of the grid ;ie Instead of manually clicking the clear button of the column filter .


I have gone through slice which will reset all the filters in a grid and same way 


the click event of button to reset all the filters of grids in the page .($("form.k-filter-menu button[type='reset']").trigger("click");) which I am not interested -in.

Thanks,
Chatrapathi
Graham
Top achievements
Rank 2
Iron
Iron
 answered on 23 Apr 2018
1 answer
207 views

Having some issues with the dropdownlist control.  

I believe this is a bug. 

 

 var data = [{"id": 1,"name": "Selection 1", "data": { "id": 4, "name": "test data 4" } },{"id": 2,"name": "Selection 2", "data": { "id": 5, "name": "test data 5" } }];

                   
                    $("#htmlElement").kendoDropDownList({
                        dataTextField: "name",
                        dataValueField: "id",
                        dataSource: data,
                    });

 

The selection is correct but the data in the drop down when selecting is incorrect. 

My API returns a list of objects that have data attached.   I would like to keep the "data" child object in my datasource but your dropdownlist does not like it. 

 

 

Ivan Danchev
Telerik team
 answered on 23 Apr 2018
6 answers
337 views

Hi

We have a problem relative to undoing changes on a TreeList,we don't allow recursive delete on TreeList, so after an user tries to delete a node with children he must receive am alerts and modification should be undone.

Tha problem is cancelChanges() cannot restore node's children the user is triyng to delete.

The TO-BE scenario we need for our application is:

  1. TreeList is empty
  2. User inserts Root Node R1
  3. User inserts Node C1 as child of R1
  4. User inserts Node D1 as child of C1
  5. User tries to delete R1
  6. Server throws exception about user cannot recursively delete nodes ( we don't allow recursive / tree deletions )
  7. App catch exception in ourTreelist.dataSource.error callback and call ourTreelist.dataSource.cancelChanges()
  8. following nodes are restored : R1, C1, D1

Example TreeList hierarchy

R1 ( deleting R1 remove cannot be done because it would remove also C1 and D1 )
 -> C1

     -> D1

 

But in our tests after deleting R1 and receving error from server we cannot use cancelChanges() to entirely restore previous situation, only R1 is restored but children miss.

I attach before (delete) and after (delete) image to explain better

Thanks

 

Simone
Top achievements
Rank 1
 answered on 23 Apr 2018
6 answers
281 views

Hi @all

Is there a good way of keeping some tabs within a Tabstrip visible all the time, whereas allowing all others to scroll if tab space is not sufficient. I'm not sure whether this is easy to accomplish as all tabs are placed into a single "ul"-placeholder element that is scrolled if tab space is not sufficient

 

Bye

Ralf

 

Ralf
Top achievements
Rank 1
 answered on 23 Apr 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
Licensing
ScrollView
Switch
TextArea
BulletChart
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
TimePicker
FloatingActionButton
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
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
SmartPasteButton
PromptBox
SegmentedControl
+? more
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?