Telerik Forums
Kendo UI for jQuery Forum
9 answers
144 views
Hello,

How exactly can one 'disable' a button group. My scenario is that I want to have a particular button selected (not a problem), but do not want to have the 'select' method bound/fired. I would like the entire control to become disabled. I currently cannot find any way to do this. I have tried using the 'unbind' method, does not work. Tried using the 'off' method, does not work. Referencing the control and trying to set the enable property to false does not work (apparently there doesn't appear to be an 'enable' attribute on this control -- yet there is for all others??)

Help greatly appreciated.
Kiril Nikolov
Telerik team
 answered on 22 Jul 2014
1 answer
128 views
How can I delete or hide a checkbox for a specific node when I'm appending a new node to a treeview when checkboxes were enabled for all nodes originally?
Alex Gyoshev
Telerik team
 answered on 22 Jul 2014
1 answer
102 views
I have a need to display all items for a day in the month view, rather than the ellipsis when there are more than two.

From what I understand, this will require me to create a custom view, based on the one in kendo.scheduler.monthview.min.js.

What I cannot find is an UNminified version of this file. I could, of course, use a tool to prettify the minified version. But, I'd find it useful to have good variable names in order to better understand the code I'm modifying.

Does anyone have the full version of this file? Is it possible for Telerik to supply me with it if the file isn't public? 

Secondarily, am I recreating the wheel here? I haven't seen anyone else's solutions to this issue, although I've seen mention of it a few times in my search.

Thanks!
Phil
Vladimir Iliev
Telerik team
 answered on 22 Jul 2014
5 answers
349 views
I'm trying to set values on a model object (kendo.data.Model, which is an ObservableObject in the covers according to the documentation on the set property), but I'm in a race condition with the change event.  

In other words, I try setting a value and then mark it as "not dirty" so that it doesn't get posted back to the server, but I can't.

For example, if I do this in my success method after a POST to create an object:
someItem.set('anyFieldUpdateByTheServer', data.anyFieldUpdateByTheServer);
someItem.set('dirty', false);  

I will immediately get a PUT because I'm updating the field.  

Is there a way of setting properties on an object, WITHOUT causing a postback to the server.  I'm assuming that I'm supposed to use 'set' to update properties on Model objects since things don't always work on the view if you forget to do this.   Is there perhaps a way of setting something and marking it as "not dirty" at the same time?  I'm also having the very same issue with client side properties like calculated amount fields.  They are client side only, but I put them on an kendo.data.Model so that the view updates.  I just don't want them causing post back to the server.
Petyo
Telerik team
 answered on 22 Jul 2014
5 answers
385 views
Hi,

I have been trying to remove a small border that appears on a donut we render with one series but a grouped datasource. This shows two rings. Please see screenshot.  The border is clear in the blue area, we want the colours to be seamless without the faint line inbetween.  Please point me to the config option which may remove this line.

Here is my current config:

{
legend: {
    visible: false
},
theme: "flat",
chartArea: {
    background: "",
},
dataSource: new kendo.data.DataSource({
    data: [],
    group: { field: "level"},
    sort: [
        { field: "divisionId", dir: "asc" },
        { field: "name", dir: "asc" }
    ],
}),
seriesDefaults: {
    type: "donut",
    startAngle: 0
},
series: [
    {
        field: "value",
        categoryField: "name",
        colorField: "colour",
        labels: { visible: false },
        highlight: { visible: false },
        holeSize: 52,
        margin: 0,
        border: { width: 0 },
        line: { visible: false },
    }],
valueAxis: {
    line: { visible: false },
    majorGridLines: { visible: false },
    minorGridLines: { visible: false },
    labels: { visible: false },
},
categoryAxis: {
    line: { visible: false },
    majorGridLines: { visible: false },
    minorGridLines: { visible: false },
    labels: { visible: false },
},
seriesClick: scope.onSeriesClick,
tooltip: {
    visible: true,
    template: "#= category #:  #= kendo.toString(value, 'n0') #"
}
};
T. Tsonev
Telerik team
 answered on 22 Jul 2014
1 answer
77 views
Hi,
      I have a weird problem, where I am implementing item re-ordering feature in treeview. The treeview ordering works fine in most of the cases except for when I drag the item to a position decide to drop it at some place and then change my mind and continue dragging it to some other place before I drop it. In that specific case, it positions the dropped item, one place below the final intended spot. I checked the ondrop event and determined that the previous item id is turning out to be the id of the item after the dropped position but not the id of the item in the previous position. Can you please help me fix it
Alex Gyoshev
Telerik team
 answered on 22 Jul 2014
1 answer
560 views
 I downloaded the trial version of Kendo UI Pro, 2014.2.716 and trying to get a simple grid working against JSON data. According to this site:

http://kendo-labs.github.io/angular-kendo

It's been deprecated and now included in the core. However, it's not at all clear if the trial version I downloaded includes the new directives or not. Since it included Angular, I kind of assumed it did.

I have a very simple page:

<div ng-app="App">
    <div ng-controller="TestGridController">
        <div kendo-grid k-options="testGridOptions"></div>
    </div>
</div>

The controller looks like this:

(function () {
    var testGridController = function ($scope) {
        $scope.testGridOptions = {
            dataSource: {
                type: 'json',
                transport: {
                    read: '/Home/TestData'
                },
                pageSize: 20
            },
            columns: [{
                field: 'Sample',
                title: 'Sample Item',
                width: '75px',
            }, {
                field: 'Sample2',
                title: 'Sample Item 2',
                width: '100px',
            }]
        };
    };

    app.controller('TestGridController', ['$scope', testGridController]);

}());

My page includes jQuery 2.11, bootstrap, the version of Angular included with Kendo, and kendo.web.min.js (in that order).

It's not clear on this page:

http://docs.telerik.com/kendo-ui/getting-started/javascript-dependencies

If kendo.core.min.js is included in kendo.web.min.js. I tried to include it but it didn't make any difference.
The page also hasn't been updated for the new Q2 version so I'm not sure if jQuery 2.11 works with it or not (since Q1 2014 works with 2.0x I'm going to assume that isn't the issue).

I don't see a GET occurring to load the data, so I'm assuming I've done something wrong. I'm not seeing any JS errors.


BTW - WHY isn't there a sample of the MOST COMMON way to pull data (JSON). OData? Really?
Paul
Top achievements
Rank 1
 answered on 21 Jul 2014
3 answers
241 views
How can I set grid height to extend to maximum possible size, when Grid is inside Window.
I don't want to scroll window, but Grid.
Etienne
Top achievements
Rank 1
 answered on 21 Jul 2014
1 answer
537 views
Hello,

I was looking at the demo:
http://demos.telerik.com/kendo-ui/grid/signalr
and this
http://developer.telerik.com/products/realtime-data-with-signalr-and-websockets/

I still cannot figure out how, using this technique, to pass a parameter
to the Read method, so instead of reading ALL games or products, it reads only a
subset of games or products, by category ID lest say. If I change the Read method in
the server-side code to take a parameter, it never gets hit anymore,
and I cannot figure out how to pass a parameter from the transport
client-side definition definition... Any help would be highly
appreciated!
Alexander Popov
Telerik team
 answered on 21 Jul 2014
3 answers
234 views
HI, i have implemented a custom sort on a grid column (coffeescript) like this:

sortable:
  compare: (a, b) ->
    # tech note: this is supposed to work, but the code is never called http://onabai.wordpress.com/2013/09/28/kendoui-grid-custom-sorting-algorithms/
    aName = _.findWhere(Dragon.prefetchData.get('supportingDocuments'), id: a)?.name
    bName = _.findWhere(Dragon.prefetchData.get('supportingDocuments'), id: b)?.name
    if aName > bName then return 1
    if aName < bName then return -1
    return 0

but the compare function is never called - what am i doing wrong?
Nikolay Rusev
Telerik team
 answered on 21 Jul 2014
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
MultiColumnComboBox
Chat
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Effects
Accessibility
PivotGridV2
ScrollView
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Breadcrumb
Collapsible
Localization
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
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?