Telerik Forums
Kendo UI for jQuery Forum
3 answers
325 views

Hi!

I need to define some Hierarches in a pivot table with json data (not olap/xmla).

I can't find an example of this, the only example of Local Binding (http://demos.telerik.com/kendo-ui/pivotgrid/local-flat-data-binding) is very simple.

In this example, "All Categories" and "All Product" are two different ways to separate the data. What i need is a nested relation Category -> Product, so i can't view mesaures by product if i don't open the category first.

An example of this can be viewed on the "Basic Usage" example (http://demos.telerik.com/kendo-ui/pivotgrid/index). If you drag "Customer" fields into "ROWS" section, you will see nested fields in the pivot table (All Customes -> Australia, Canada, France...). See the image.

Any advice to configure the hierarchies?

Thanks!

Georgi Krustev
Telerik team
 answered on 04 Jan 2016
1 answer
188 views

Hi,

I have a requirement to display data on page scroll which is working fine , now client also want to freeze header when scrolling the page.

Thanks

 

Dimitar
Telerik team
 answered on 01 Jan 2016
3 answers
1.5K+ views

I am trying to select all rows, but I also have paging enabled. I am using the angular grid control.

I have checkbox column with a checkbox for select all in the header row. I am utilizing the option that I have seen in other posts to select all:

grid.items().addClass('k-state-selected');

 This seems to work for the page that I am viewing, but I want to select all rows on all pages. Is there a way to do this with paging enabled?

Konstantin Dikov
Telerik team
 answered on 30 Dec 2015
1 answer
230 views

Hi all,

 

We has some issue with DDL. 

 

There is some description: 

We have kendo window

with two DDL. 

 

<select kendo-drop-down-list
id="aaa"
k-data-text-field="'Name'"
k-data-value-field="'Id'"
k-data-source="OneSource" />
 
<select kendo-drop-down-list
id="bbb"
k-data-text-field="'Name'"
k-data-value-field="'Id'"
k-cascade-from-field="'parentid'"
k-cascade-from="'aaa'"
k-data-source="TwoSource" />

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

And data from server. [Server give all data (I`ll check with fiddler)]

Parent ds: (OneSource)

{"Id":1,"CodeXXX":"One","Name":"SuperValue","RandomNumber":1},
{"Id":2,"CodeXXX":"Two","Name":"SuperValue2","RandomNumber":2}

Child ds: (TwoSource)

{"Id":1,"CodeXXX":"A","Name":"Name1","parentid":1,"RandomNumber":1},{"Id":2,"CodeXXX":"B","Name":"Name2","parentid":1,"RandomNumber":2},{"Id":4,"CodeXXX":"C","Name":"Name3","parentid":1,"RandomNumber":3},{"Id":5,"CodeXXX":"D","Name":"Name4","parentid":1,"RandomNumber":4},
 

First ddl work properly but second didn't cascade or show any date.

If it is important  we are using v2015.2.805

 

Konstantin Dikov
Telerik team
 answered on 30 Dec 2015
1 answer
321 views
I am displaying a series of charts in an Angular application.  I need to update the data source for each chart and redraw it.  My dataSource is updated using an Angular service which returns a promise.  I can get the data to update but can not seem to get the graphs to redraw once this is complete.  Can you provide some help?  Below is the datasource information for my chart.
chartDataEl.dataSource = new kendo.data.DataSource({
    transport: {
        type: 'json',
        read: function(options) {
            //console.log('barchart read called');
            var request = vm.shipmentManagementRequest;
            request.RequestType = myChart.chartData.htmlID;
            shipmentService.getBasicChartData(request)
                .then(function(result) {
                    options.success(result.data);
                }).catch(function(error) {
                    options.error(error);
                });
        }
    },
    sort: {
        field: "date",
        dir: "asc"
    },
    schema: {
        model: {
            fields: {
                date: {
                    type: "date"
                }
            }
        }
    }
});
James
Top achievements
Rank 1
 answered on 29 Dec 2015
7 answers
676 views
Hi,

Just looking at the beta MVVM stuff, and wondering if it's possible set the update mode to onchange instead of onblur for input tags.

Thanks

EDIT: I just found the following in the docs (I was actually looking for BETA docs, but realized the MVVM stuff is documented in the "regular" docs):

The value binding relies on the change DOM event which is raised after blurring an input element whose value has changed. This means that the value from the View-Model will be updated when the input element loses focus.

Is there any chance of seeing this changed in final release to rely on HTML events as well as DOM events ? Having the underlying View-Model update as the user types text is required in some scenarios.
Anatoli
Top achievements
Rank 1
 answered on 29 Dec 2015
3 answers
375 views

Im not seeing any events. I think it might be the format on start and end.

 This is my schedule options:

$scope.schedulerOptions = {
            date: new Date("2015/12/28"),
            startTime: new Date("2015/12/28 07:00 AM"),
            views: [
                "day",
                { type: "workWeek", selected: true },
                "week",
                "month",
            ],
            timezone: "Etc/UTC",
            dataSource: {
                data: $scope.panel.entities,
                schema: {
                    model: {
                        id: "taskId",
                        fields: {
                            taskId: { from: "taskID", type: "number" },
                            title: { from: "title", defaultValue: "No title", validation: { required: true } },
                            start: { type: "date", from: "start" },
                            end: { type: "date", from: "end" }
                        }
                    }
                },
            },
        };

And the json string in $scope.panel.entities looks like this:

{
"date":"2015-12-27T23:00:00.000Z",
"startTime":"2015-12-28T06:00:00.000Z",
"views":["
    day",{
        "type":"workWeek",
        "selected":true},
    "week",
    "month"
],
"timezone":"Etc/UTC",
"dataSource":{
    "data":[{
        "taskId":1,
        "title":"Skoter",
        "start":"2015-12-29T08:00:00Z",
        "end":"2015-12-29T13:00:00Z",
        "description":"Ã…ka skoter",
        "ownerId":1
    }],
    "schema":{
        "model":{
            "id":"taskId",
            "fields":{
                "taskId":{
                    "from":"taskID","type":"number"
                },"title":{
                    "from":"title",
                    "defaultValue":"No title",
                    "validation":{
                        "required":true
                    }
                },
                "start":{
                    "type":"date",
                    "from":"start"
                },
                "end":{
                    "type":"date",
                    "from":"end"
                },
                "description":{
                    "from":"description"
                },
                "ownerId":{
                    "from":"ownerID",
                    "defaultValue":1
                }
            }
        },
        "timezone":"Etc/UTC"
    },
    "filter":{
        "logic":"or",
        "filters":[{
            "field":"ownerId",
            "operator":"eq",
            "value":1
        },{
            "field":"ownerId",
            "operator":"eq",
            "value":2
        }
    ]}
}}

Niklas
Top achievements
Rank 1
 answered on 29 Dec 2015
2 answers
298 views

I am passing json data to a Kendo javascript pie chart, but I would like to display 2 values on the chart, one is the number of units and the other is the % value of those units to the whole. For example,

Units Sold

100 Apples - 25%

200 Oranges - 50%

100 Peaches - 25%

I assume I can do it, but I don't know the syntax for the template. Thanks.

Mike
Top achievements
Rank 1
 answered on 28 Dec 2015
1 answer
396 views

I have a Hierarchical grid and I'm trying to add a custom editor for pop-up editing.  When I add the template to the child grid and click on the "edit" button, i get a invalid template error.  If i add that same template to the parent, it works fine.

Here is the error in console:

Uncaught Error: Invalid template:'<div class="row popupForm">    <div class="col-xs-10">  

 

I've attached a screenshot of what my grid looks like.

Here is the code

<PARENT>

  @(Html.Kendo().Grid<ParentViewModel>()
                  .Name("GridAdjax")
                  .DataSource(dataSource => dataSource
                      .Ajax()
                      .PageSize(20)
                      .Events(events => events.Error("error_handler"))
                      .Read(read => read.Action("Read", "controller"))
                      .Model(model =>
                      {
                          model.Id(c => c.Id);
                      })
                      .ServerOperation(false)
                      .Events(events => events.Error("error_handler"))
                      .Events(events => events.RequestEnd("onRequestEnd"))
                     
                  )
                  .Columns(columns =>
                  {
                      columns.Bound(p => p.CompanyName).Title("Company Name");
                      columns.Bound(p => p.CompanyDomain).Title("Company Domain");
                      columns.Bound(p => p.CompanySecurityRole).Title("Security Role");
                      columns.Bound(p => p.CompanySecurityGroup).Title("Security Group");
                  })
                  .ClientDetailTemplateId("template")
                  .Pageable()
                  .Sortable()
                  .Resizable(resize => resize.Columns(true))
                  .Events(e => e.DataBound("OnDataBound"))
                  .Deferred()

                  )
            <script id="template" type="text/kendo-tmpl">
                @(Html.Kendo().Grid<ChildlViewModel>()
            .Name("grid_#=CompanyId#")
            .DataSource(dataSource => dataSource
                .Ajax()
                .PageSize(10)
                .Update(update => update.Action("CompanyList_Update", "Administration"))
                .Read(read => read.Action("Read", "Child", new { companyId = "#=CompanyId#" }))
                        .Model(model =>
                              {
                                  model.Id(c => c.Id);
                                  model.Field(c => c.CompanySoldTo).Editable(true);
                                  model.Field(c => c.CompanyDistributionChannel).Editable(true);
                                  model.Field(c => c.CompanyDivision).Editable(true);
                                  model.Field(c => c.CompanyPlant).Editable(true);
                                  model.Field(c => c.CompanySalesOrg).Editable(true);
                              })
            )
            .Columns(columns =>
                  {
                      columns.Bound(p => p.CompanySoldTo).Title("Sold To");
                      columns.Bound(p => p.CompanyDistributionChannel).Title("Dist. Chan.");
                      columns.Bound(p => p.CompanyPlant).Title("Plant");
                      columns.Bound(p => p.CompanySalesOrg).Title("Sales Org");
                      columns.Command(command => { command.Edit(); }).Title(("Edit SAP Info."));
                  })
                    .Editable(ed => ed.Mode(GridEditMode.PopUp).TemplateName("Detail"))
            .Pageable()
            .Sortable()
            .ToClientTemplate()
                )
            </script>
            <script>
                function dataBound() {
                    this.expandRow(this.tbody.find("tr.k-master-row").first());
                }
            </script>

Mike
Top achievements
Rank 1
 answered on 26 Dec 2015
4 answers
181 views

Hello,

I was looking today at the blog post http://www.telerik.com/blogs/please-respect-the-back-button

when running the sample http://jsbin.com/OHemASes/3 i was able to see that pressing back button after navigating to the "Orders" links works as expected when 

moving between pages.

However, after moving to a specific page I have copied the url (http://output.jsbin.com/OHemASes/3#/orders/5) and paste it to a new browser instance.

The router did direct the app to Orders view but the selected page was 1.

Shouldn't page 5 supposed to be selected in this scenario ?

thx

Sagi

 

Alex Gyoshev
Telerik team
 answered on 25 Dec 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?