Telerik Forums
Kendo UI for jQuery Forum
5 answers
247 views

Hi,

I just found the chart theme doesn't work when using angularJs. It always shows up the default style no matter what css I chose.

But it works if I use the jQuery version. This issue only happens in the Chart component. All the others are working fine.

Would you check this for me pls?

Thanks

Iliana Dyankova
Telerik team
 answered on 16 Oct 2015
3 answers
360 views

I am receiving an error of  

"Cannot read property 'find' of undefined"

  when trying to render a grid control on a view component of an MVC 6 application that I am currently working on.

 

The error is coming from this portion of code in the kendo.all.js file where it appears to be trying to find the loading mask but says that container is undefined

progress: function(container, toggle) {
            var mask = container.find(".k-loading-mask"),
                support = kendo.support,
                browser = support.browser,
                isRtl, leftRight, webkitCorrection, containerScrollLeft;

 

The grid I am trying to populate seems pretty straight-forward to me .....below is the typescript I am using... what am I a doing wrong

 

    $("#ConditionsSearchGrid").kendoGrid({
        dataSource: {
            transport: {
                read: this._main.action_searchcondition.ResolveAction(),
                contentType: "application/json; charset=utf-8"
            },
            parameterMap: function (data, operation) {
 
                return {
                    searchstring: $("#searchstringtextbox").val()
                }
 
            },
            error: function (e) {
                var msg = e.xhr.responseText;
                alert(msg);
            },
            schema: {
                model: {
                    fields: {
                        DiscName: { type: "number" },
                        Diagnosis_Description: { type: "number" },
                        Short_Description: { type: "string" },
                        IsSelected: { type: "bool" },
                        ICD9_cd: { type: "string" },
                        onset: { type: "string" },
                        isduplicate: { type: "bool" }
                    }
                }
            }
        },
        dataBound: this.ConditionsSearchLineItems_Databound,
        height: 430,
        sortable: true,
        scrollable: {
            virtual: true
        },
        selectable: "multiple row",
        columns: [
            {
            template: "<input type='checkbox' #= IsSelected?
                 checked='checked':checked='' # class='chkbx' />",
            field: "IsSelected",
            title: " "
        },
            {
                field: "DiscName",
                title: "Caredisc",
                width: "40%"
            }, {
                field: "ICD9_cd",
                title: "Code",
                width: "10%"
            }, {
                field: "Diagnosis_Description",
                title: "Diagnosis",
                width: "40%"
            }, {
                field: "onset",
                title: "Type"
            }]
    });
 
}

 

       

 

 

 

 

 

 

 
 
 
Rosen
Telerik team
 answered on 16 Oct 2015
4 answers
279 views

Hi,

I configured a "action column" inside my kendo Grid, with a kendoMenu that allow me to do some tasks on my row item. 

I want to run an action directly without selecting the row (because when I select the row, I do some other actions that I do not want to do from the action menu)

My code: http://dojo.telerik.com/otEQI/16

I need to prevent "rowchange" event from a kendoMenu change event that I set inside a columnTemplate.

I tought I could do something inside the menuChange event (like e.preventDefault()), but it happen AFTER the rowchange event! 

How can I prevent the rowChange to raise when I click on my kendoMenu item?

Thank you.

Konstantin Dikov
Telerik team
 answered on 16 Oct 2015
1 answer
137 views
Does anyone know if there's a way in the diagram control to specify at what level of children the display switches from horizontal layout to a vertical one using the tipover sub type?  In one of the examples they give of a tipover, it shows a President of a company, with all his VP's horizontally under him, and then all the VP's people vertically under them.  I'd like to something similar but let's say you're in an organization where there's only one VP and under the VP are Section Heads with people under them.  So I'd want to display this as the President with the VP under him, then the section heads horizontally under him, and then the section heads people vertically under them.  Anyone know how I could go about doing something like that?
Daniel
Telerik team
 answered on 16 Oct 2015
1 answer
70 views
How can i configure multi kendo Editor with single Toolbar in AngularJS
Alexander Valchev
Telerik team
 answered on 16 Oct 2015
1 answer
259 views

I am trying to set the data property of the datasource to a new array everytime a change event happens in a grid . It works perfectly for a few clicks and then I get a "Uncaught TypeError: Cannot read property 'removeClass' of undefined " ,in the line 2. arrValues() always returns a value and it is not null .Please let me know what is wrong with the code .

      

                    1:  var setArrayValues =arrValues();

                     2:  $scope.​dataSource.data(setArrayValues);
                     3:  $('#​grid').data('kendoGrid').setDataSource($scope.​dataSource);

Kiril Nikolov
Telerik team
 answered on 16 Oct 2015
1 answer
739 views

I'm wondering if there is an easy way to reset all the grid columns widths to what it looks like when the page first loads? Allowing resizing can create a grid that is too big or unwieldy so I want a button to easily snap everything back to it's original width.

 

Any thoughts on how to accomplish this?

 

Thanks.

Kiril Nikolov
Telerik team
 answered on 16 Oct 2015
1 answer
420 views

I want my filters to update and only show options that match up with all filters currently applied.

I am working with Year Make Model filters. If I select a year 2004 and apply that filter. I want the Make and Model filters to only show the currently filtered data set options. I should only see Make and Model options that have a year of 2004.

In addition, after the first init call of the filter, i want the options to reload based on the data source. If I add a new car to the data source or remove one, the filter options will re-poll the data source and find those ones removed or added.

 

in http://www.telerik.com/forums/refresh-multi-checkbox-filter-options-when-grid-is-filtered, i found what seems to be a good viable option but only discussed as a Javascript defined grid. I have a MVC HTML Razor implemented grid. Listed below is the soultion I am hoping to retro fit into my MVC application of the grid. 

 

"define one DataSource instance and assign it to both the Grid and in columns.filterable.dataSource. This will refresh the checkbox data automatically, but if you filter the Grid data via the Grid UI, you will also filter (reduce) the checkbox items."

Daniel
Telerik team
 answered on 16 Oct 2015
1 answer
187 views

Hi,

 I'm having a problem with stacked column chart. Here is a working fiddle http://jsfiddle.net/jokullie/pvtvLfvy/ that demonstrates the problem.

What I want to do is, I want all objects with the same CHARTGROUP value to be stacked on top of each other and then all the different years should be grouped together on each month.

 So, I want the first two records stacked on top of each other at month:1 or "jan", then I want records 9 and 10 to be stacked on top of each other also at month:1 or "jan".

 The same should happen for all other months. I hope this makes sense, if not, please ask for clarification.

 Thank you,
B.

 

T. Tsonev
Telerik team
 answered on 16 Oct 2015
2 answers
431 views

I am trying to display an Kendo Grid inside an AngularJS application and can not get it to display.

Here is the html for displaying the grid. I just recently added the k-data-source option in the html to try something different.

<div class="col-xs-4">
    <div id="pd01" class="panel panel-primary">
        <div class="panel-heading">
            <span class="panel-title">Open Invoices</span>
            <span class="panel-controls"></span>
        </div>
 
        <div kendo-grid="vm.grid" k-data-source="vm.gridData" k-options="vm.options"></div>
    </div>
</div>

 

Here is my controller.

(function () {
    'use strict';
    function invoice(invoiceService) {
        var vm = this;
 
        vm.gridData = new kendo.data.DataSource([{
            col1: 'data1',
            col2: 'data2'
        }, {
            col1: 'data1',
            col2: 'data2'
        }]);
 
        vm.options = {
            dataSource: vm.gridData,
            editable: true
        };
 
 
    }
 
    angular.module('app.dashboard.invoice')
        .controller('Invoice', invoice);
})();

I'm sure it is something simple but have been looking at it way too long now.
Viktor Tachev
Telerik team
 answered on 16 Oct 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?