Telerik Forums
Kendo UI for jQuery Forum
2 answers
116 views
Hi,
In this example: http://dojo.telerik.com/OcifE/63

Click on "Add Row", fill in details, then click on "Add Product". 
Then, select the newly added product from the list, the editing form is not showing. With some debugging, the selectedProduct is not being set for newly created objects.

Any idea why?

Best regards
Bilal Haidar

Daniel
Telerik team
 answered on 12 Feb 2015
1 answer
577 views
Hi

I am loading (trying to) data from my db for the scheduler.

http://dojo.telerik.com/uNupe

I cannot find any documentation of how the date format should arrive from the database to be displayed properly.

In above example the Date() function is used like this:

dataSource: [
    {
      id: 1,
      start: new Date("2013/6/6 08:00 AM"),
      end: new Date("2013/6/6 09:00 AM"),
      title: "Interview"
    }
  ]

I do now want to create data on the fly so how to format the date so Kendo Scheduler understands? Preferably YYYYMMddhhmmss - 20130606142023

I have also seen that in some of your examples you plug in data with date strings like this:

    "Start": "/Date(1370847600000)/",
    "End": "/Date(1370851200000)/",

Those appear on the 10th of June but I cannot figure out how?

Thanks














Alexander Popov
Telerik team
 answered on 12 Feb 2015
1 answer
156 views
We indicate our all clients on the map. However we have a problem when we want to show some clients have same coordinates with each other. Kendo Maps puts them over and over.

Like you can guess, some clients may placed same district. So  the latest marker puts itself to over of others which have same coordinates with itself.  So, only the latest marker can seem.

For more information please look at this demonstratition : http://dojo.telerik.com/@doktoresperanto/AgIFA

T. Tsonev
Telerik team
 answered on 12 Feb 2015
2 answers
151 views
I am much of a newbie, and apologize in advance for being stupid.  I have built a grid that utilizes a php script and json conversion to pull source data from a database.  It works perfectly.  However I want to make the first column of this grid (branch), where it cannot be edited. My successful code for editing "all" fields is listed below, but I've been unable to locate in the forums how to pull off making one column non-editable using a database as source data.  Thanks in advance for you help and patience. 

<div id="grid"></div> <script>
        $(function() {
            $("#grid").kendoGrid({
                dataSource: {
                    transport: {
                        read: "../grids/branchgrid.php"
  },
                    schema: {
                        data: "data"                                                                                                         
                      }
                },
                        height: 400,
                        filterable: true,
                        sortable: true,
reorderable: true,
                        resizable: true,
                        pageable: false,
columnMenu: true,
editable: true,
toolbar: ["create", "save", "cancel"],
columns: [{field: "branch", title: "Government Branch", width: 200 }, 
       {field: "description", title: "Description" },
{field: "disable", title: "Disabled", width: 100 },
{ command: "destroy", title: "&nbsp;", width: 110 } ]

                    });
                });
                             
            </script>
Kiril Nikolov
Telerik team
 answered on 12 Feb 2015
4 answers
267 views
I'm looking at using a Data Source with server filtering turned on, but without odata. Is there a simpler URL syntax for filtering in a find-as-you-type scenario? Right now my URL for a filter of "c" looks like:

?filter%5Blogic%5D=and&filter%5Bfilters%5D%5B0%5D%5Bvalue%5D=c&filter%5Bfilters%5D%5B0%5D%5Bfield%5D=&filter%5Bfilters%5D%5B0%5D%5Boperator%5D=startswith&filter%5Bfilters%5D%5B0%5D%5BignoreCase%5D=true

Ideally, I'd like something along the lines of:

?filter=c

Is there an easy way to do this for use with the multi-select widget?
Brian Vallelunga
Top achievements
Rank 1
 answered on 12 Feb 2015
2 answers
650 views
Hi

I am trying to create a grid with a custom toolbar button, bt am having difficulty wiring it up.

The toolbar is defined as
toolbar: [
   {
       name: "upload",
       text: "Upload Contacts",
       click: e => {
           alert('uploadContacts');
           return false;
       }
   }]

but clicking the button just reloads the page.

The dojo http://dojo.telerik.com/abefe illustrates this. What am I doing wrong?

Thanks

Colin 
Colin
Top achievements
Rank 1
 answered on 11 Feb 2015
6 answers
209 views
I'm trying ModalView / AngularJS for mobile and i see the problem with design. There is a white line on the left and upper side. The problem is in all the types of devices. When i check it for basic usage it looks correctly.
Kiril Nikolov
Telerik team
 answered on 11 Feb 2015
6 answers
618 views
The treeview only supports filtering on the top level. I need every level to be filtered, so I am setting the datasource filter during the treeview expand event.

This works great in general. However, when you perform expansion in a certain order, the treeview nodes get corrupted and render over the top of themselves.

See example here

To repro:

Expand Furniture
Expand Tables & Chairs
Collapse Tables & Chairs
Collapse Furniture
Expand Furniture

Notice the tree rendering is messed up. I've attached an image.

What do you suggest to workaround this? Filtering at the dom-level is not an option. I need to base my filter on a field in my model.

Thanks,
Ryan
Nikolay Rusev
Telerik team
 answered on 11 Feb 2015
1 answer
135 views
I am trying to test kendo grid in angular.js app. I am not able to load json to populate the grid. I keep hitting the error block in line 11 below. In my browser console, I see the file loading ok. 

Any pointers would be greatly appreciated!

01.appControllers.controller('LogsGridCtrl', function($scope, $http) {
02.    var ds = new kendo.data.DataSource({
03.        transport: {
04.            read: function(options) {
05.              $.ajax({
06.                url: "data/logs.json",
07.                dataType: "jsonp",
08.                success: function(result) {
09.                  options.success(result);
10.                },
11.                error: function(result) {
12.                  console.log('error loading logs');
13.                  options.error(result);
14.                }
15.              });
16.            }
17.        },
18.        pageSize: 10,
19.        schema  : {
20.            data: "sudo",
21.            parse : function(d) {
22.                for (var i = 0; i < d.length; i++) {
23.                    if (d[i].sudo) {
24.                        return d[i].sudo;
25.                    }
26.                }
27.                return [];
28.            }
29.        }
30. 
31.    });
32.    $scope.handleChange = function(data, dataItem, columns) {
33.      $scope.data = ds;
34.      $scope.columns = columns;
35.      $scope.dataItem = dataItem;
36.    };
37. 
38.    $scope.gridOptions = {
39.      dataSource: ds,
40.      selectable: "row"
41.    };
42.       
43.});
Vladimir Iliev
Telerik team
 answered on 11 Feb 2015
5 answers
166 views
Has anybody experienced an issue where the drawer button is "touchier" on iOS.  We've been testing on several Android and iOS devices.  On Android, the drawer appears with every tap of the button....with iOS, we frequently seem to have to tap multiple times for the drawer to appear.  New to the platform - anybody have any suggestions with how to troubleshoot?

Thanks,
Jason
Alexander Valchev
Telerik team
 answered on 11 Feb 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
Drag and Drop
Map
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
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?