Telerik Forums
Kendo UI for jQuery Forum
1 answer
167 views
I've read some posts about this but nothing since. 

Are annotations going to be added to charts? If so, could you provide rough roadmap timeline for this?

Thanks
Iliana Dyankova
Telerik team
 answered on 15 Aug 2012
3 answers
156 views
Hi,

A dropdown editor with in-form editing like here : http://demos.devexpress.com/ASPxEditorsDemos/ASPxDropDownEdit/DropDownEdit.aspx is it possible with Kendo UI ?

Thanks
John DeVight
Top achievements
Rank 1
 answered on 15 Aug 2012
18 answers
3.4K+ views
I'm trying to load json data via a webservice, using the following code:

            var testing = new kendo.data.DataSource({
//                data: [{name:"test", type: "user",description: "A user"}]

                transport: {
                    read: {
                        url: "/api/testing",
                        dataType: "json"
                    }
                }
            });

        $("#overviewGrid").kendoGrid({
            dataSource: testing,
            columns: [ { title: "Name", field: "name" }, 
                       { title: "Type", field: "type"},
                       { title: "Description", field: "description" } ]
        });

The results form /api/testing are:
[{name:"test", type: "user",description: "A user"}] 

When this runs, I get the exception specified in the title (Uncaught ReferenceError: uid is not defined).

If I comment out the transport option of the dataSource and instead use the hardcoded data node, it works perfectly.
Any help on what I'm doing wrong?
joshua
Top achievements
Rank 1
 answered on 15 Aug 2012
2 answers
1.4K+ views
I'm using kendo 2012.1.515 and receiving an error when using a grid that contains columns and a footer template that has an aggregate defined. The error appears once all of the rows are deleted from the grid (click the delete button to see this in action in my jsfiddle examples below).

Browser: latest version of Chrome but it also appears in IE9

jsfiddle that displays the issue: http://jsfiddle.net/MLYdR/11/ (Uncaught ReferenceError: sum is not defined)

 I was receiving another error when referencing 2012.1.322: http://jsfiddle.net/MLYdR/9/ (Uncaught TypeError: undefined has no properties)

Any info or a work around would be greatly appreciated.

Thanks,
Chris
joshua
Top achievements
Rank 1
 answered on 15 Aug 2012
2 answers
879 views
I looked through the demos and documentation and found no indication that what I'm doing is supported, but I'd like to try anyway:

I like the Inline Editing feature demonstrated here, but I do not like how an entire column is wasted providing space for Edit, Delete, Update, and Cancel buttons for each individual row. I want our users to be able to select a row (or several):
selectable: "multiple row"

...then click the Edit button in the Toolbar (I'm using Twitter's Bootstrap and its included Glyphicons, hence the templates):
toolbar = [
    { name: "create", template: "<a class='k-button add'><i class='icon-plus'></i></a>" },
    { name: "edit", template: "<a class='k-button edit'><i class='icon-pencil'></i></a>" },
    { name: "destroy", template: "<a class='k-button delete'><i class='icon-remove'></i></a>" },
    { name: "save", template: "<a class='k-button save'><i class='icon-ok'></i></a>" },
    { name: "cancel", template: "<a class='k-button cancel'><i class='icon-ban-circle'></i></a>" },
]

and finally, the selected row(s) would become editable:
editable: {
    mode: "popup",
    template: kendo.template($("#teamPopupEditor").html()),
    update: false,
    destroy: false,
    confirmation: "Are you sure you want to remove this item?"
},

It would be great if the editor could not be a popup, but instead look and feel just like the inline editor; the only difference is, instead of the buttons being in the same row, they would be in the Toolbar.

I know it should be possible to get the uid of a highlighted row and use it to target the editor, I'm just having trouble putting it together in my head, and I'm having difficulty figuring out how to make it look and act like inline editing rather than a popup dialog.

We want to be able to grant or revoke editing privileges based on the user's permissions based on the permissions of the logged-in user (changing the editable option to false, and removing the toolbar, and similarly disabling editing on the back-end to prevent clever workarounds), as well as ensure that editing still functions within the limitations of mobile devices (multitouch screens are bad for advanced or complicated UI design and don't work well with mouse-oriented features). Furthermore, clicking once on a cell to make it editable seems like a great way to have an accident (even/especially on a desktop computer -- perhaps one could use double-click instead?), and editing a row inline with that whole column dedicated to the buttons seems like a waste of space, especially on a mobile device with limited screen real-estate. I can just barely fit four columns sized to 25% each on a 320px-wide screen (original iPhone in portrait mode), and I need all four of them for displaying data in most cases.

Please reference my other thread here for details about my specific Grid setup if needed.

Thank you for your help so far. I have been enjoying learning and working with Kendo, even if its new-ness necessitated bugs, missing features, and unfinished documentation. It's definitely one of the more robust JavaScript frameworks I've worked with.

Best Regards,

Adrian
Adrian
Top achievements
Rank 1
 answered on 15 Aug 2012
1 answer
484 views
I'm using a kendo grid with paging.

When there are no records it shows a zero for the page #, and the empty message appears. How can I not show the zero page #?
Petur Subev
Telerik team
 answered on 15 Aug 2012
1 answer
124 views
Hi, testing datasource seem not to recognise json dates in /Date(..) format. Any examples on ways to solve this?
tony
Top achievements
Rank 1
 answered on 15 Aug 2012
0 answers
128 views
I'm pasting some html into an editor using the .paste() method. The html is too long to fit in the editor so a scrollbar is created as I'd expect. However, this scrollbar scrolls to the bottom of the editor and I would like to scroll it back to the top programatically. I have tried .scrollTop(0) but this doesn't work even with the editor set to 'scrollable: true'. Has this feature been implemented or is there a workaround for it at all?
Paul
Top achievements
Rank 1
 asked on 15 Aug 2012
0 answers
204 views
How do I check if the value is null tDtAlteracao within the DataBound? Would you like to do this without setting the field name.

#= kendo.toString(tDtAlteracao,'d') #
  
 $("#" + sNmId).kendoGrid({
        dataBound: function (e) {
            if (this.dataSource.group().length == 0) {
                setTimeout(function () {
                    $(".k-grouping-header").html(jsonResource[0]);
                });
            }
        }
    });

Thanks
Fabricio
Top achievements
Rank 1
 asked on 15 Aug 2012
1 answer
175 views
How can I handle errors, which for example occur on the server side.
I have defined this HierarchicalDataSource:

    var childrenDataSource = new kendo.data.HierarchicalDataSource({
        transport: {
            read: {
                url: function (options) {
                    return kendo.format("../api/hierarchytree/{0}", options.id);
                }
            }
        },
        schema: {
            model: {
                hasChildren: "hasChildren",
                id: "id"
            }
        }
    })
Alex Gyoshev
Telerik team
 answered on 15 Aug 2012
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
Drag and Drop
Application
Map
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
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?