Telerik Forums
Kendo UI for jQuery Forum
2 answers
188 views
Dear Team,
I have got a requirement to update/create multiple grid values in only one single call.
Like I have one tabstrip with three grids under it.
and user is allowed to edit multiple records and he will click master save/update button which should save all the records from all the grids present on the page.
This is to reduce the server calls to update one by one grid records.
Is there possible solution to get all the updated values from all grids present on the page for bulk update?? and then make a service call which will update the records. 
Please let me know.
Sandeep
Top achievements
Rank 1
 answered on 23 Feb 2015
5 answers
204 views
Hi
  I am getting confused on how exactly I should be wiring up a click to a button on an iPhone when I want a button to be dynamically created 

I am aware I shouldn't use onclick, so I could try

(1) <button data-role="button" data-click="func"></button>

here the data-click seems to be ignored if I create a button in a View dynamically

(2) <button id=myButton></button>

<script>
$('#myButton').kendoMobileButton({
  click: func
});
</script>

Is this using the same underlying mechanism as data-click? 

(3) data-bind="events: { click: func }"

I just stumbled across this in the forums, is this needed for is it a MVVM thing? (which I'm not using)

thanks
Anthony
Top achievements
Rank 1
 answered on 23 Feb 2015
1 answer
301 views
Hi,

We have a scheduler in "day" that sometime need a time range that span two days: startTime = "2013/6/13 07:00 PM", endTime = "2013/6/14 2:30 AM".

When that happen, there is no meeting shown in the scheduler. Seem to do the same thing in "timeline" view.

Here is an exemple: 

http://dojo.telerik.com/uyIQE/5

Thank you
Vladimir Iliev
Telerik team
 answered on 23 Feb 2015
1 answer
173 views
Is there a way to individually set the cell back-ground color of a multi-column header cell?  I tried using the column.attributes object, but it didn't effect the cell.
Dimo
Telerik team
 answered on 23 Feb 2015
3 answers
226 views
When I edit a row in the detail grid, I get following javascript error: "SCRIPT5007: Unable to get property 'getAttribute' of undefined or null reference". Please refer to this jsfiddle. This error is only generated in IE 10 and IE 11 browsers. The fiddle works fine on Chrome, Firefox and IE 9. 
Vladimir Iliev
Telerik team
 answered on 23 Feb 2015
1 answer
238 views
Hello,

I create kendoGrid with the data I received from an web site. The thing is that the column names and column types are unknown until I receive data. Everything else works OK except for Date/Time and Number fields, filter operators are those for string fields (the dropdown does not show greater than or less than, but it shows contains, etc..). The code is below. I checked the type value for the Date/Time field and it is date. Date values are correctly converted date value and I confirmed the format as "{0:MM/dd/yyyy HH:mm:ss}". It still does not show correct filter operators. Do you have any idea as to what is wrong with it?


            var dataSource =searchResult.Result;
            if (!dataSource) {
                dataSource = [];
            }

            $.each(dataSource, function (index, row) {
                if (searchResult && searchResult.Columns) {
                    for (var i = 0; i < searchResult.Columns.length; i++) {
                        var column = searchResult.Columns[i];
                        var jsonDate = row[column.FieldName];
                        if (jsonDate && jsonDate.toString().indexOf("/Date(") > -1) {
                            jsonDate = new Date(parseInt(jsonDate.substr(6)));
                            row[column.FieldName] = jsonDate;
                        }
                    }
                }
            });
            var dataFields = [];
            if (searchResult && searchResult.Columns) {
                for (var i = 0; i < searchResult.Columns.length; i++) {
                    var column = searchResult.Columns[i];
                    dataFields[column.FieldName] = { type: column.Type };
                }
            }

            dataModel = kendo.data.Model.define({
                fields: dataFields
            });

    var columns=[];
    if (searchResult.Columns) {
        for (var i = 0; i < length; i++) {
            var model = searchResult.Columns[i];
            columns[i] = { field: model.FieldName, format: model.Format, title: model.Title, width: "150px" };
        }
    }
 $("#grid").kendoGrid({
        dataSource: {
            data: dataSource,
            schema: {
                model: dataModel
            }
        },
        height: 550,
        sortable: true,
        resizable: true,
        pageable: { pageSize: 15 },
        groupable: true,
        reorderable: true,
        detailInit: onDetailInit,
        detailExpand: onDetailExpanded,
        filterable: true,
        columnMenu: true,
        mobile: true,
        change: rowChanged,
        columns: columns,
        selectable: true });

Thanks for your help!





Shoji Kaburagi
Top achievements
Rank 1
 answered on 22 Feb 2015
1 answer
421 views
All of the examples I have seen for the HierarchalDataSource show binding, either to local data, somewhat artificially hard coded, or to remote data that is assumed to be already in json hierarchal format.

I, however, have a flat datasource from which I need to build a hierarchy. So I started out with the following code (html not shown). The question is how to create the children (and further children of children). Obviously this needs to get more complex because I will need to access my own flat data records and also I will need templates for all nodes. But pointers for this would be a great help. Thanks in advance.


(function () {
    'use strict';
angular.module('FieldTreeApp', ['kendo.directives'])
       .controller('FieldTreeViewCtlr', function ($scope) {
           $scope.treeOptions = {
               dataSource: makeData()
           };

    function makeData() {
                var ds = new kendo.data.HierarchicalDataSource();
                ds.add({
                    text: "My first node"
                });
                ds.add({
                    text: "My second node"
                });

                var x = ds.data(); // Does get my data.

                return ds; // This does create the 2 top level nodes.
            }
Wray
Top achievements
Rank 1
 answered on 20 Feb 2015
10 answers
416 views
My Scenario is kendo mobile application. 2014.3.1409

I have a grid that uses the mobile mode...

That all works fine. It adds its own mobile scroller

Ive attached pull to refresh onto that scroll view. The bit i want to remove is the horizontal dragging... It doesnt need it and just makes it bounce around. Vertical scrolling only would be wonderful.

My other mobile views don't do this. Only the grids.

Any one know how to make it behave the way i would like?

Thanks, Matt
Kiril Nikolov
Telerik team
 answered on 20 Feb 2015
3 answers
179 views
Hi,

In URL: http://telerik.ximnet.com.my/kendo_test/test_new_version.html,
I try to use the js files from version telerik.kendoui.professional.2014.3.1119.commercial.

However, I got error:
Uncaught TypeError: Cannot read property 'addEventListener' of undefined                                kendo.all.min.js:27


Which appears when I include the codes:
var app;
     app = new kendo.mobile.Application(document.body, {
         // comment out the following line to get a UI which matches the look
         // and feel of the operating system
         skin: 'flat'
     });

How should I fix this?

Thanks.


Kiril Nikolov
Telerik team
 answered on 20 Feb 2015
17 answers
355 views
We are using the Kendo Grid in one of our applications. The grid is working perfectly in "desktop" mode but as soon as we test our code on mobile devices, it won't work.
We are saving and restoring only the columns (we get the options and get the columns from there). As soon as we get the saved state, we update our data object and execute the setOptions method.
When the setOptions method is completed, everything from our grid disappears (headers, rows, ...). Forcing a refresh or querying the dataSource does not fix the issue.

Even if I call the setOptions with a new, empty object, the grid goes blank while it works perfectly in "desktop" mode.
We are using following versions:
- Kendo: v2014.3.1119
- jQuery: 2.0.3

Any suggestions how we can fix this issue?
Kiril Nikolov
Telerik team
 answered on 20 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
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?