Telerik Forums
Kendo UI for jQuery Forum
4 answers
107 views

Hello,

Using kendo version 2015.2.624

In StockChart we experience that the graph draws too few points to our taste.

We use baseUnit = "fit" and no matter how we adjust autoBaseUnitSteps for days, weeks etc there is simply not enough detail.

We need to display from 1 day to 3 years of data allowing the user to zoom so setting a fix baseUnit = "days" does not work for all cases.

We have tried to act on the zoomEnd event but no matter what, there is no information in e.axisRanges in the event argument (axisRanges is undefined).

It also appears only to be triggered on mousewheel action?

Adjusting maxDateGroups to 10000 did not provide more datapoints per width.

Can you recommend a course of actions to give us more detail in the graph? 

Casper
Top achievements
Rank 1
 answered on 28 Sep 2015
3 answers
1.0K+ views

Hi

I am using the Kendo Grid with Angular but I was wondering what is the recommended way to have an editable text box in a cell within the grid.

I can't seem to get 2 way data binding working from the grid's own dataItem scope back to the original binding model.

Here's how I have done it using ng-change which works but seems like the incorrect way to me.

In my controller's init function I have:

            vm.gridOptions = {
                scrollable: false,
                dataSource: new kendo.data.DataSource(),
                columns: [
                    {
                        title: "Service Category",
                        field: "ServiceCategoryName"
                    },
                    {
                        title: "Service",
                        field: "ServiceName"
                    },
                    {
                        title: "Quantity",
                        width: "120px",
                        template: "<input type='text' ng-model='dataItem.Quantity' ng-change='vm.quantityChanged(dataItem)' />"
                    }
                ]
            };

Later I call from the controller:

formCommonFactory.populateKendoGrid(vm.gridOptions, vm.costCentreGroups);

And this is my function I use to populate the grid called from the controller.

        function populateKendoGrid(gridOptions, values) {
            
            var d = new kendo.data.DataSource({
                data: values
            });

            d.read();

            gridOptions.dataSource.data(d.data());
            
        };​

 Thanks, 

Oliver

Petyo
Telerik team
 answered on 28 Sep 2015
9 answers
880 views
Hi

I have a kendo grid implemented in html using batch editing.  Everything works fine except changes are lost when the user changes the sort order or goes to another page (ie. grid pagination).    I tried implementing client side pagination, however changes are still lost.

Is there any way to persist changes (if using client side pagination and sorting) or at least alert the user that they have unsaved changes and give them the option to save?


Thanks
Nikolay Rusev
Telerik team
 answered on 28 Sep 2015
14 answers
4.4K+ views
* Kendo UI Complete v2013.2.716 

When I try to use the grouping functionality of the grid as soon as I drag a column. The waiting gif shows and hangs. Meanwhile, in the console I see the following error : Uncaught TypeError: Cannot read property 'length' of undefined kendo.all.js. 

I have noticed this in other versions of the kendo grid as well. In the past I was able to get it to work in the past by downgrading my jquery to 1.7.1. This is unacceptable since the script is supposed to be compatible with 1.9.1 and downgrading causes compatibility issues with other scripts that I am using from other frameworks. This issue has been left un-addressed for way too long. 

Please provide a patch for this bug. 
Nikolay Rusev
Telerik team
 answered on 28 Sep 2015
8 answers
330 views

Hello,

I'm using Kendo Grid with resizable columns and ClientDetailTemplateId. When I want to resize a column the resize cursor is not appear anymore (in Firefox and IE - is working perfectly in Chrome or Safari) but if I remove the ClientDetailTemplateId all is working fine in all browsers. How can I solve this problem ? Also I use kendo ui version 2015.2.624.  I will put here a code snipped:

 

  @{Html.Kendo().Grid<​MyModel>()
                .Name("mymodel-grid")
                .Scrollable(s => s.Height(500))
                .DataSource(dataSource => dataSource.Ajax()
                    .Read(read => read
                            .Data("onDataBinding")
                            .Action("​MyActionResult", "​MyController"))
                    .PageSize(50)
                    .Sort(s => Papaya.Web.Misc.GridConfigurator.Sort<​MyModel>(s, Model.SortOrder))
                    .Filter(s => Papaya.Web.Misc.GridConfigurator.Filter<​MyModel>(s, Model.FilteredBy)))
                .Columns(columns => columns.LoadSettings(Model.GridColumns))
                .Resizable(r => r.Columns(true))
                .Reorderable(r => r.Columns(true))
                .Events(e =>
                {
                    e.DetailExpand("onDetailExpand");
                    e.Change("onSelected");
                    e.DataBound("onDataBound");
                    e.ColumnResize("onColumnResize");
                    e.ColumnReorder("onColumnReorder");
                    e.FilterMenuInit("filterMenuInit");
                })
                .ClientDetailTemplateId("expandTemplate")
                .Filterable(GridConfigurator.​MyModelFilter)
                .Pageable(GridConfigurator.Page)
                .Sortable()
                .Selectable()
                .EnableCustomBinding(true)
                .Render();
            }

 

<script id="expandTemplate" type="text/kendo-tmpl">
        <div id="expand-template-content"></div>
    </script>​

 

Thank you

Cosmin
Top achievements
Rank 1
 answered on 27 Sep 2015
17 answers
951 views
Hi,
I am trying to implement the globalization to my MVC web application by using Kendo UI, the only example I found is this :
http://demos.kendoui.com/web/globalization/index.html
Which only works on the Data field such as Time and Date, the label of each fields are not converted to other language.
I also read the documentation related to Globalization in Kendo UI site, it is not enough to implement it to my project.
I appreciate if anybody can provide some detailed documents or examples of implementing Globalization by using Kendo UI,
 So we can follow it step by step to implement it to our whole mvc application.

Thanks a lot,
 
balazs
Top achievements
Rank 2
Iron
 answered on 26 Sep 2015
10 answers
1.0K+ views
Using Kendo version 2014.2.716.545 for MVC razor application.

MVC page containing treeview with datasource retrieved from controller in json format 

 @(Html.Kendo().TreeView()
            .Name("maintenanceTreeview")
            .LoadOnDemand(false)
            .DataTextField("Name")
            .DataImageUrlField("Icon")
            .Events(events => events.Select("nodeSelected"))
            ) 
....

 $.getJSON("@Url.RouteUrl("Default", new { Controller = "Maintenance", Action = "GetFullTree" })", function (data) {
            treeview.setDataSource(data);
}));

Added contextmenu for treeview:

@(Html.Kendo().ContextMenu()
        .Name("treecontextmenu")
            .Target("#maintenanceTreeview")
            .Items(items => items.Add().Text("Item toevoegen"))
                .Events(e => e.Select("treeviewmenuclick").Open("contextMenuOpen"))
)

I would like to disable menu for items that have a dataitem with a certain property-value (MaintenanceType == 3).

I tried the open-event:

    function contextMenuOpen(e) {
        var dataItem = treeview.dataSource.get(selectedTreeItemId);
        console.log(dataItem);
        if (dataItem.MaintenanceType == 3) {
            console.log("prevent");

     // Cancel opening event????


        }
    }

But I don't know how to cancel the event? Or do I need a different approach?

BTW the nodes that should not have the menu are all at level 3 (if that makes it easier).
Lyle
Top achievements
Rank 1
 answered on 25 Sep 2015
0 answers
96 views
.Model(m =>
{
    m.Id(c => c.WorkflowTypeEventID);
    m.Field(c => c.WorkflowTypeEventID).Editable(false);
 
    m.Field(c => c.Name).Editable(true);
    m.Field(c => c.Description).Editable(true);
    m.Field(c => c.SortOrder).Editable(false);
    m.Field(c => c.EventType).Editable(false);
 
    //m.Field(c => c.WorkflowTypeStateID).Editable(false);
    //m.Field(c => c.NextWorkflowTypeStateID).Editable(false);
 
    m.From(c => c.WorkflowTypeStateID);
    m.To(c => c.NextWorkflowTypeStateID);
 
})

 

When I uncomment out the two lines both items are hidden when editing the connection but they do not pass the values to the Create method. If I comment them both out and create a connection it will pass both values to the models Create method.

 I am looking to hide both on edit but still send the values to the controller.

Thanks

Michelle
Top achievements
Rank 1
 asked on 25 Sep 2015
0 answers
134 views

Hi,

I am adding a Shape via a drag and drop function. I am looking to also add a default dataItem to the options of this Shape.

 

$("#diagram").kendoDropTarget({
    drop: function (e) {
        var item, pos, transformed;
        if (e.draggable.hint) {
            item = e.draggable.hint.data("shape");
            pos = e.draggable.hintOffset;
            pos = new Point(pos.left, pos.top);
            transformed = diagram.documentToModel(pos);
            item.x = transformed.x;
            item.y = transformed.y;
 
            //Want to add default dataItem or find a better place to add.
            diagram.addShape(item);
        }
    }
});

 

Here is what my current dataItem look like from other shapes added by Read method. Attached Item.

I want to be able to add this data item like the diagram would normally do but through a drag and drop action. So it can be saved back to the database.

 

Thanks

 

 

 

Michelle
Top achievements
Rank 1
 asked on 25 Sep 2015
1 answer
171 views

Hello,

 

Within the navigate event handler I need to know if user clicked on (...) button inside some day cell in month view or it was "day" button clicked from views toolbar. Is it possible somehow?

 

Thank you for your help.

Kind regards,​

Patrick | Technical Support Engineer, Senior
Telerik team
 answered on 25 Sep 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?