Telerik Forums
Kendo UI for jQuery Forum
3 answers
330 views
I'm working on a chart where I need a stacked column, an optionally, two line charts that I can show/hide on demand via some checkboxes. Here is my work in progress on jsFiddle: 

jsFiddle Chart

There are several "features" I'll be adding to this jsFiddle (tooltips, series click, data driven title, etc), but the purpose of this post is to ask the following:

1. I've told the "Transaction Count" and "Average" line charts to be visible: false - why are they showing up?
2. Why do I have more than 3 series listed on the right in the legend? I only want the legend for the stacked column chart. I assume they are for the 2 line charts. How can I have the lines colors match up with the column colors and have no more than 3 legends on the right? So, only one "Series One" legend (blue) and if we show the line chart(s), their color will also be blue.

Thanks,
--John
Iliana Dyankova
Telerik team
 answered on 20 Feb 2015
2 answers
318 views
Hello,

Kendo UI version:
http://cdn.kendostatic.com/2014.3.1119/js/kendo.all.min.js    with
http://cdn.kendostatic.com/2014.3.1119/js/angular.min.js

OS:
Win7 64bit /  Win8.1 64bit

exact browser version:
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:35.0) Gecko/20100101 Firefox/35.0

jQuery version:
http://cdn.kendostatic.com/2014.3.1119/js/jquery.min.js


----------------------------------------------------

I have an interface to an ODATA-V4 service which supports CRUD.
Read is working fine, only updating of data causing troubles.

In code I set a dynamic update URL by a function.
Then I tried to send (via pressing SAVE button in Kendo grid toolbar) a update request to ODATA service but nothing happens.
I did some investigations (F12 tools) to the corresponding request packet and I found out that the packet is using the method "OPTIONS" instead of "PUT".
The JSON for the model is missing in attachment (parameters) of the request.
When I remove the URL statement from update statement then "PUT" is send  but (of course) to the wrong address.
In this case the JSON for the model in attachment (parameters) of the request is available.

Do I something wrong and if not, is there any chance to fix it or to get a workaround?

Thanks, Stephan



Here is the complete datasource code:
$scope.mainGrid = {
 
                dataSource: {
                    type: "odata-v4",
                    transport: {
                        
                        read: {
                            url: "http://xxx.xxx.xxx.xxx/abc/odata/def/Areas"
                        },
                        update: {
                            url:  function (data) {
                                    return "http://xxx.xxx.xxx.xxx/abc/odata/def/Areas(" + data.models[0]._Key + ")";
                                },   
                            dataType: "json",   
                            type: 'PUT'
                        },
                        create: {
                            url: "http://xxx.xxx.xxx.xxx/abc/odata/def/Areas"
                        },
                        parameterMap: function(options, operation) {
                          if (operation !== "read") {
                            return kendo.stringify(options);
                          }
                        },
                    },
                    schema: {
                        model: {
                            id: "_Key",
                            fields: {
                                AreaGlobalName: { type: "AreaGlobalName" },
                                _Key: { type: "_Key" }
                            }
                        },
                    },
                    batch:true,
                    pageSize: 5,
                    serverPaging: false,
                    serverSorting: false
                
                },
                ......
Stephan
Top achievements
Rank 1
 answered on 20 Feb 2015
4 answers
84 views
Hi

It seems that the option selectable: true is ignored and does not work in a hirarchical grid as per below example:

http://dojo.telerik.com/uBeWu

How can I still achieve it?

Many thanks
Markus
Top achievements
Rank 1
 answered on 20 Feb 2015
1 answer
144 views
We have a complex layout for a Kendo grid which it feels like we could do more simply via a single grid and grouping rather than two nested grids (master/detail), because that way we could leverage the built-in aggregate capabilities...not to mention that the data is all in a single dataset.  However, doing that would, I think, require some custom coding because what we're trying to do (cell "merging") isn't supported out of the box.

Could this work if we handle a row-level event, and inside there remove the colspan attribute and add a custom rowspan attribute to the grouping row, turning the grouping row into a column?

See the attached image for a couple of rows of the proposed layout.
Kiril Nikolov
Telerik team
 answered on 20 Feb 2015
1 answer
397 views
I have an application which uses Kendo UI grid. The excel export features works fine. Now, I added some extra controls on the page. User can select some values, and then click 'refresh' button to update the data source of the grid. So that the grid won't load too much data all in once.The question is: the export will export whatever on the screen (including all pages). When user opens the excel file, he/she won't know what parameters used to generate this.

For example, on the page, it has a date control, use select 1/1/2015, click refresh, grid shows all data for that date.

When export, how the user know this selected date? It is not in the columns in grid.What I want to have is an extra row at the top, which shows something like:

Date: 1/1/2015, Para2: value2, ...

Is this possible in current Kendo ui grid? or have to manipulate the excel file (which we want to avoid at any cost)?

Thanks
Atanas Korchev
Telerik team
 answered on 20 Feb 2015
1 answer
105 views
Hi,

Is there a way to access any property defined on a view model from inside the Parse, Change, etc. functions of the Data Source?

Regards
Bilal
Petyo
Telerik team
 answered on 20 Feb 2015
4 answers
1.1K+ views

I'm trying to get a popup editor working using my own template. I can get the bindings to work programmatically from the edit event of the grid:

edit: function (e) {
    $('#numrkText').kendoNumericTextBox({
        value: e.model.Qty,
        format: "{0:n0}"
    });
    $('#divInitiator').kendoDropDownList({
        dataSource: theSysUsers,
        dataValueField: 'value',
        dataTextField: 'text',
        value: e.model.InitiatorID.toString()
    });
}

But I can't get declarative binding to work: (which is what I want)
<td class="tdLefts"><input type="text" name="Qty" data-type="number" data-bind="value:Qty" data-role="numerictextbox" /></td>

I get the same kind of error trying to bind the dropdownlist, I always end up at the maddeningly useless error showing you an anonymous function.

The Grid is not MVVM bound, My goal is to get the editor to be MVVM, though the grid is passed a json object array from a server ajax response.

Thanks, Bob
Andrea
Top achievements
Rank 1
 answered on 19 Feb 2015
3 answers
447 views
Hi,

I have a Filter row on MVVM Grid with server paging.  The filter works for the most part.  The problem is with some text filters which I believe are AutoComplete boxes.  I want it to work so that the user enters the criteria in the box and no filtering is attempted until they press Enter.  I've configured it so that the minLength is 3000 and it seems to work ok unless I backspace and remove all the text.  Once the last letter is removed the filter is fired even though Enter has not been pressed.  This fires a call to my WCF service which returns a 400 Bad Request error and sets the spinning image going.  If you then press Enter, the WCF is called again and this time succeeds but the spinning icon remains.  In Firefox and Chrome it works as described above but the spinning image disappears so it is ok.  It is only in IE11 that the spinning image remains.  Ideally, I'd like to prevent the call to the WCF that returns the 400 Bad Request error but if I could get rid of the spinning image that would be a big improvement from where I am.  I've seen some examples but they don't seem to apply to an MVVM situation.

The kendo version I am using is 2014.3.1119.

Please help.
Lance
Top achievements
Rank 1
 answered on 19 Feb 2015
3 answers
169 views
Dear All,

We are currently developing a simple prototype as part of our evaluation for Kendo UI mobile.  We came across a strange problem when we implement it with RequireJS.  The UI is fairly simple, a list view with a "button" on the header which will launch a modal window.   However, when the app is loaded on the mobile phone (iPhone), the button fails to launch the modal window intermittently.

In addition to that, trying out the same code without RequireJS works perfectly fine.

Is this a know problem when integrating RequireJS with Kendo UI?  
Thank you so much in advance!

Regards,

Art

==================================================================================================
The declaration of the button goes like this:
    <a data-role="button" data-rel="modalview" href="#modalViewSample" data-align="right" data-icon="compose"></a>

While the definition of the modal window is in another html file which goes like this:
   <div data-role="modalview" id="modalViewSample" data-model="APP.modalViewSample.model" data-init="APP.modalViewSample.events.init" style="display:        none" data-width="80%">
       <div data-role="header">
           <div data-role="navbar">
               <span data-role="view-title">Shipment Order</span>
               <a data-role="button" data-bind="click: close" data-align="right" data-icon="close"></a>
           </div>
        </div>
      </div>
==================================================================================================




Petyo
Telerik team
 answered on 19 Feb 2015
2 answers
86 views
In the TreeView control, I understand that the functionality
for in-line editing of nodes is not supported, nor are there plans to support
it in the near future. As a workaround, we were thinking we would create a
content area to the right of the TreeView and upon selecting a node of the
TreeView, its content can then be edited in the content area.

I'm curious how users who are more experienced with Kendo
than us might have implemented a different workaround that this, if at all?

Thanks. 
Eric
Top achievements
Rank 1
 answered on 19 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?