Telerik Forums
Kendo UI for jQuery Forum
1 answer
519 views

This is a major problem when using autoClose: false. 

  1. I start typing to filter my options.
  2. I select one of the options.
  3. The option is added to the multi select value list.
  4. The search/filter text is removed.
  5. The filter itself is NOT removed. The option list remains filtered even though the filter text has been cleared.

This is obviously a bug but I'm wondering if you have any suggested work arounds until it gets fixed?

Kiril Nikolov
Telerik team
 answered on 16 Jun 2015
1 answer
142 views

Hi all,

 

I am using a computed value from a DataSource and displayed in a Grid column.

I discovered that the way to do this is by putting the function in the schema.model

      schema: {
          model: {
                       id: "ID",
                orderValue: function () {
                          // calculate a double value
                          return orderTotal;
                       },

 

And that I put it in my Gird with this ....

 

{ field: "orderValue()", title: "Order Total Value", width: "10&" },

 But if I put a filter on that column, it seems to be assuming it's a string type.

 I may be missing some config.  Normally I would specify the type in the field def in the DataSource but, as seen above, in this case I am using a function (not a plain field def)

 

Any help would be great.  

 Many thanks.

Chris

 

 

Boyan Dimitrov
Telerik team
 answered on 16 Jun 2015
3 answers
24.7K+ views

Hi,

I tried to disable and enable the DropDownList control. But after enabling again, the data seems to lost or not rebinding again.

 

disabled

$("#dropdownlist").kendoDropDownList({
  enable: false
});

 

enabled

$("#dropdownlist").kendoDropDownList({
  enable: true
});

 

Here its get enabled again, but data not listing?

Alexander Popov
Telerik team
 answered on 16 Jun 2015
3 answers
1.0K+ views

Hi

I cascade three DropDownLists 'manually'. I don't use the built in cascadeFrom mechanism but I read the dataSource of the child DropDown within the change event of its parent. I do this because I attach a more complicated filter.

This works fine so far, the dataSource is read, data is returned correctly and can be selected in the child DropDown - BUT - I would like the first item of the data to be selected immediately after reading the DataSource. Unfortunately, the child DropDown initially only shows an empty item after loading the new data although, there isn't an empty item defined.

How can I force the child DropDown to show the first item after reading the remote data?

 

Regards

 

Alex

Georgi Krustev
Telerik team
 answered on 16 Jun 2015
3 answers
93 views
Hello,

I did modify this example with local bind http://dojo.telerik.com/oFUso

If you try delete element "Company" on the grid, it generate a exception, because I used white spaces in the measure name "Sum temp".

It is posible use in measure white space?

Note: in this video I did reproduce the error http://screencast.com/t/j0BMWRRtiW

thanks.
Georgi Krustev
Telerik team
 answered on 16 Jun 2015
0 answers
144 views

Hi , 

 I have a kendo grid with angular data source. Generic search is required in angularjs for kendo grid. I mean a text box out of grid which can filter the angular datasource.

Tried so many ways using jquery data filter but couldn't work. 

$scope.GridData = {
        dataSource: {
            type: "json",
            transport: {
                read: '/Home/GetData'
            },
            pageSize: 10
        },
        columns: [{ field: "TaskID", title: "TaskID", width: "150px" },
            { field: "ShortDesc", title: "Task Description", width: "200px" },
            { field: "TaskInitiatorName", title: "Task Initiator", width: "120px" },
            { field: "TaskCategory", title: "TaskCategory", width: "120px" }]

​};

This is data source and below is filter which is working in jquery but not working in angularjs.

 $scope.GridData.filter({ field: "TaskStatus", operator: "contains", value: val });

​Gimme some references if possible to deal with kendo angularjs.

 Thanks.

​

Surya
Top achievements
Rank 1
 asked on 16 Jun 2015
3 answers
488 views

Hi,

I'm trying to add a multi-axis chart to my AngularJs application and as I couldn't find an example I've been improvising. I'm looking at your AngularJS and MultiAxis example and here is what I've got: 

 HTML:

<div kendo-chart
       k-legend="{ position: 'bottom' }"
       k-series-defaults="{ type: 'line' }"
       k-series="vm.kendoSeries"
       k-axes="vm.kendoAxes"
       k-category-axis="vm.kendoCategoryAxis"></div>

 

JavaScript:

        vm.kendoSeries = [
            {
                type: "line",
                data: [6, 10, 10, 10, 10, 9, 5, 5, 10, 8, 8, 5, 8, 11, 9, 15, 20, 23, 24, 21, 21, 20, 22, 22, 20, 18, 16, 15, 20, 13.2, 18],
                name: "Max. Temperature [&deg;C]",
                color: "#ff1c1c",
                axis: "temp"
            }, {
                type: "line",
                data: [-5, -6, 0, -4, -3, -5.2, -5, -1.7, -1, 0, -0.4, -2, -2, -5, 4, -2, -4, -1, -1, 2, 4, -1, 1, 1, 4, 0, -1, 1, -2, 5.7, 5],
                name: "Min. Temperature [&deg;C]",
                color: "#ffae00",
                axis: "temp"
            }, {
                type: "area",
                data: [16.4, 21.7, 35.4, 19, 10.9, 13.6, 10.9, 10.9, 10.9, 16.4, 16.4, 13.6, 13.6, 29.9, 27.1, 16.4, 13.6, 10.9, 16.4, 10.9, 24.5, 10.9, 8.1, 19, 21.7, 27.1, 24.5, 16.4, 27.1, 29.9, 27.1],
                name: "Wind Speed [km/h]",
                color: "#73c100",
                axis: "wind"
            }, {
                type: "area",
                data: [5.4, 2, 5.4, 3, 2, 1, 3.2, 7.4, 0, 8.2, 0, 1.8, 0.3, 0, 0, 2.3, 0, 3.7, 5.2, 6.5, 0, 7.1, 0, 4.7, 0, 1.8, 0, 0, 0, 1.5, 0.8],
                name: "Rainfall [mm]",
                color: "#007eff",
                axis: "rain"
            }
        ];

        vm.kendoAxes = [
            {
                name: "rain",
                color: "#007eff",
                min: 0,
                max: 60
            }, {
                name: "wind",
                color: "#73c100",
                min: 0,
                max: 60
            }, {
                name: "temp",
                min: -30,
                max: 30
            }
        ];

It doesn't work and I get "Error: Unable to locate value axis with name wind" error in browser console. 

Can you help me to set it up?

Also, where can I find more Angular - specific documentation, if you have any?

Thanks!

 

Daniel
Telerik team
 answered on 16 Jun 2015
1 answer
117 views
Our customers want to customize their data forms, remove or reorder some fields. Or they want to change some fieldnames sizes of input fields.. Basically the same functionality as the good Delphi Vcl Layout manager from Devexpress. We are using MVC, bootstrap and Kendo UI. It should integrate well with these technologies. Is there anything out there from telerik? Maybe this could be a good extensions to Kendo UI?
Dimo
Telerik team
 answered on 16 Jun 2015
1 answer
180 views

Hello, we are making tests on diagram package (http://demos.telerik.com/kendo-ui/diagram/api) and a doubt come in.

Is it works in mobile as the same way on the web?

Atanas Georgiev
Telerik team
 answered on 16 Jun 2015
2 answers
233 views

I can get the basic time filter working fine, but I want to customize the options. (e.g. the first time picker I want to be "GTE" and the second time picker to be "LTE", and the operator to be AND only.) I also want to specify the header text (e.g. where it says "Show items with value that:") 

here is my column def:

{
   title: hbLocalization.getString($scope.stringsModule, "_Time_"),
   field: 'QuarterHour',
   format: timeFormat,
   filterable: {
      ui: function (element) {
         element.kendoTimePicker({
            format: 'hh:mm tt',
            interval: 15
         });
      }
   }, width: 80 },

David
Top achievements
Rank 1
 answered on 15 Jun 2015
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
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?