Telerik Forums
Kendo UI for jQuery Forum
3 answers
325 views
Hi, how do I set the function for a View's data-after-show if I use a model?

I have a model as below:
var foodMS = kendo.observable({
    description: "Description",
    isDescriptionShown: false,
    showDescription: function (e) {
        // show the span by setting isDescriptionShown to true
        this.set("isDescriptionShown", true);
    },
    showMessage: function (e) {
        alert(this.get("isDescriptionShown"));
    }
     
});

A view with data-model set to foodMS and data-after-show="showMessage".  However the showMessage does not fire when the view come into place.
The span id="showMessage" can fire the function if clicked.

<div data-role="view" data-title="Add Nice Food" data-layout="main" id="foodMS_add" data-model="foodMS" data-after-show="showMessage">
 
  <span id="showsomething" data-bind="events: { click: showMessage }">
                        <button data-role="button">Show</button>
                    </span>
 
</div>

Is this the correct way to set the function for the data-after-show?

Thanks.

Petyo
Telerik team
 answered on 24 Oct 2014
2 answers
120 views
In IE my Bar chart behaves differently. Please see the highlighted area in attached file. Can I have any help?


​
T. Tsonev
Telerik team
 answered on 24 Oct 2014
3 answers
126 views
Hi,

I am trying to add a filtering row to my grids and I've come into some issues with how my data is provided to my grid.

I created an example showing the issue I am having : http://dojo.telerik.com/oSat/2
If you look at the javascript console, it is trying to access the object value but the one passed is of a Group.

Something weird I found while trying to isolate the issue, the above works if I pass a javascript object to the datasource parameter instead of a datasource object ( http://dojo.telerik.com/oSat ). But in my case, the datasource is created before it is attached to the grid so I cannot really use that fix.
The documentation says that if you pass it a javascript object, it just creates the datasource for you but there must be something done different?

Thanks
Kiril Nikolov
Telerik team
 answered on 24 Oct 2014
1 answer
145 views
I am trying to make a Kendo Window (using Angular)  that will be included on multiple views/pages, so I am trying to make it self sufficient.  That being said,  I am wondering if there is the equivalent to the resolve configuration that bootstrap modals have.  This is what I'm doing in bootstrap and what I'm looking for Kendo to do (since I like the Kendo modals much more):

$scope.generateInvoice = function (id) {
            $modal.open({
                controller: 'generateInvoiceController',
                templateUrl: '/app/views/invoices/_generate-invoice.html',
                resolve: {
                    invoiceId: function() {
                        return id; // I want to pass the invoiceId in
                    }
                }
            });
        };

If this is not supported, can it be added in the near future? Or a workaround?
Alexander Popov
Telerik team
 answered on 24 Oct 2014
1 answer
153 views
When set the filterable mode row only one of 42 items is show. Even when I go through the filter menu and clear the filter of every column it only shows one item. How can I bugfix this behaviour? Where do I see what initial filter is applied to the grid?
Vladimir Iliev
Telerik team
 answered on 24 Oct 2014
3 answers
179 views
We try kendoui scheduler performance on ipad. We find that it takes 1-2 seconds to navigate between views.
For instance to go to next month, day or week by clicking forwards.

Even on
http://demos.telerik.com/kendo-ui/mobile/m/index.html#/kendo-ui/mobile/m/adaptive/scheduler.html

and the problem seems to remain even if the number of calendar events is held low.

What is known about this and what can be done?
Vladimir Iliev
Telerik team
 answered on 24 Oct 2014
2 answers
129 views
I have created a test case for the issue: http://dojo.telerik.com/oNEbe/2

If there are data points missing for some dates in the Area chart with date axis, the values are assumed as zero.  But the similar line chart is displayed correctly.

I think the area chart should be displayed in the same way as the line chart, is my understanding correct?

Thanks.
Xuan
Top achievements
Rank 1
 answered on 23 Oct 2014
3 answers
188 views
Do you have any examples with treemaps with hover tooltip style windows - that can for example show the underlying values, or more details behind the item

Thanks
Hristo Germanov
Telerik team
 answered on 23 Oct 2014
1 answer
100 views
The iPhone 6 introduced Reachability which allows for iPhone one handed use.  It shrinks the screen down to the bottom half and allows the user to reach the top corner of apps without having to use both hands.  Currently, the Kendo Mobile UI does not seem to support this mode as I am unable to scroll to the bottom of my mobile view when using Reachability.  Does anyone have any ideas on how to support Reachability with Kendo mobile?

Thanks!
Kiril Nikolov
Telerik team
 answered on 23 Oct 2014
1 answer
899 views
Is there a way I can show a percentage of the total on the tooltip for a line chart that shows volume. For stacked column 100% I could do this by "#=kendo.toString(percentage, 'p0')#".
$("#chart").kendoChart({
                legend: {
                    position: "bottom"
                },
                seriesDefaults: {
                    type: "line",
                },
                series: [{
                    name: "Brintellix",
                    data: [44,    1245,    1566,    861]
                },{
                    name: "Cymbalta",
                    data: [31827,    25843,    21786,    20043]
                },{
                    name: "Fetzima",
                    data: [78,    256,    1647,    8070]
                },{
                    name: "Pristiq",
                    data: [8207,    11025,    6365,    6646]
                }],
                valueAxis: {
                    line: {
                        visible: false
                    }
                },
                categoryAxis: {
                    categories: ["SEP 13", "OCT 13", "NOV 13", "DEC 13"],
                    majorGridLines: {
                        visible: false
                    }
                },
                tooltip: {
                    visible: true,
                    template: "#= series.name #: #= value #"
                }
            });
Hristo Germanov
Telerik team
 answered on 23 Oct 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
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?