Telerik Forums
Kendo UI for jQuery Forum
5 answers
407 views
Does anyone have an example of building a treeview and once a node has been selected, it does a postback to a controller sending it the id of the node that was clicked?  This treeview is generated on the server and is using razor syntax.  If anyone has a pretty good example that consists of more than one line of code with a link to the docs, that would be helpful.
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
 answered on 18 Dec 2018
2 answers
225 views

we are building dashboard, user has capability to build his own chart with dataSource from API, problem comes when user used dataSource with nested JSON data, how can i deal with nested JSON data with charts,
how can i deal with such scenario, i.e i want to give the user capability to create his own chart with dynamic dataSource , if there a code sample, i will appreciated
also, can i use HierarchicalDataSource with charts for such scenario

please check dojo link to get sample of data

Chart Nested JSON DataSource


Tsvetina
Telerik team
 answered on 18 Dec 2018
7 answers
159 views

Hi ,

in a toolbar with 2 buttons at right side the toolbar has 2 rows:

Dojo and screenshot in Firefox 60.3.0esr (64bit).

In Firefox 63.0.3  it is ok: the toolbar has only one row like expected.

Is there a workaround  for Firefox esr?

Peter

 

 

 

Ivan Zhekov
Telerik team
 answered on 18 Dec 2018
1 answer
206 views

Hi,

is it possible to switch a multi-line plot to a stacked mode like in labview? See picture in post Waveform chart with stacked plots .

It has one x- or category-axis, same gridlines, one category-axis cursor line - similar in kendo the crosshair line. But separate y- or value-axis.

The https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart/configuration/series.stack is not correct, because it aggregates the values ( sum/%) at thy a-axis.

 

Peter

 

Tsvetina
Telerik team
 answered on 18 Dec 2018
1 answer
117 views
The close button on window, has an error when I click that. It bring me to the head of page with # in URL. But that doesn't happen when I use close() method.
Marin Bratanov
Telerik team
 answered on 17 Dec 2018
2 answers
198 views

Portion of my gantt chart code:

    @(Html.Kendo()
        .Gantt<ProjectMilestoneGanttTaskViewModel, ProjectMilestoneGanttDependencyViewModel>()
        .Name(ganttName)
        .Editable(e =>
        {
            e.DragPercentComplete(false);
            e.Template(Html.Partial("EditorTemplates/ProjectMilestoneGanttTaskViewModel", new ProjectMilestoneGanttTaskViewModel()).ToHtmlString());
        })     

 

ProjectMilestoneGanttTaskViewModel.cshtml:

@model ProjectMilestoneGanttTaskViewModel
 
@Html.EditorFor(x => x.Title)

 

Title will not bind in the editor template, it always appears blank. I have plenty of other fields that are not "Title", and those bind perfectly. If I change the name it also binds just fine. I noticed that in the your editor template in the demo it uses lower case "title". I would simply use another name than title but IGanttTask is expecting a "Title" field.

Is this a known issue?

 

Veselin Tsvetanov
Telerik team
 answered on 17 Dec 2018
1 answer
175 views

Hi, 

My requirement is to populate json data with Pivot grid  using date as a filter and each fields data should be populated in single row of that particular date.

Is there any custom option available for pivot grid for my requirement?

please suggest.

 

Boyan Dimitrov
Telerik team
 answered on 17 Dec 2018
7 answers
1.2K+ views
We're currently using Telerik controls for ASP.NET MVC, basically we have grid looks like attached image, is this possible using  Kendo UI grid?
Konstantin Dikov
Telerik team
 answered on 17 Dec 2018
3 answers
1.7K+ views
Hi there,

Probably me overlooking something obvious. I read a couple of threads that the grid currently can't be configured with dynamic columns on refresh. No big deal was my first reaction just destroy it and create a new one, whenever changing from one column set to the next.

However I couldn't find a destroy method on $('#grid').kendoGrid, so what would be the recommend way to completely remove an existing kendoGrid instance?

When trying things like $('#grid').removeData().empty(); or using an wrapper object to use .remove()

 $('#gridWrapper').find('div').remove().append($('<div id="grid"></div>')); I receive an error message from kendo.core stating that one the columns names are no longer defined.

So somewhere there must be some lingering data that isn't cleaned up by the process above, but I couldn't figure out where that is ...yet.
Any hints welcome :).

Thanks,

Rainer

var crudServiceBaseUrl = "../_vti_bin/listdata.svc/",
     kendo = window.kendo,
     App = window.App = {
           columMap : {
               'Tasks' : [
                   { title : "Title", field : "Title" },
                   { title : "Created", field : "Created" },
                   { title : "Created By", field : "CreatedBy.Account" }
               ],
               'Contacts' : [
                   { title : "Last Name", field : "LastName" },
                   { title : "Created", field : "Created" },
                   { title : "Created By", field : "CreatedBy.Account" }
               ]
           },
           Model : {
               gridMeta : kendo.observable({
                   listName : 'Contacts',
                   total : 0
               })
           }
       };
 
 
   App.DS = {
       sharableDataSource : new kendo.data.DataSource({
           type : "SP2010",
           serverPaging : true,
           serverSorting : true,
           serverFiltering : true,
           sort : [
               { field : "Created", dir : "desc" }
           ],
           pageSize : 40,
           transport : {
               read : {
                   url : function () {
                       return crudServiceBaseUrl + App.Model.gridMeta.get('listName')
                   },
                   dataType : "json"
               }
           },
           change : function (e) {
               App.Model.gridMeta.set('total', this.total() || 0);
           }
       })
   };
 
 
   App.createGrid = function(options) {
       var options = options || {};
       $('#grid').kendoGrid({
                  dataSource : App.DS.sharableDataSource,
                  autoBind : options.autobind || false,
                  height : 400,
                  sortable : true,
                  navigatable : true,
                  selectable : 'row',
                  scrollable : {
                      virtual : true
                  },
                  columns : App.columMap[App.Model.gridMeta.get('listName')] || []
              });
   };
// Currently KendoUI grid doesn't support column modifying of an existent grid
   App.refreshGrid = function() {
        
       $('#gridWrapper').find('div')
           .remove()
           .append($('<div id="grid"></div>'));
 
       // This throws an error when changing from one column set to another
       App.createGrid({autobind: true});
   };
 
   App.init = function () {
 
       kendo.bind($("span.total"), App.Model.gridMeta);
 
       App.createGrid();
 
       };
Jason
Top achievements
Rank 1
 answered on 14 Dec 2018
3 answers
388 views
it's not work when i change to "ja-JP", why?
i used demo
http://demos.telerik.com/kendo-ui/grid/localization
Tsvetomir
Telerik team
 answered on 14 Dec 2018
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
ScrollView
Switch
TextArea
BulletChart
Licensing
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
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
TimePicker
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
SegmentedControl
+? more
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?