Telerik Forums
Kendo UI for jQuery Forum
5 answers
1.1K+ views

In my KendoUI grid I have a column with cell values like

  • ABC, BCD, CDE
  • BCD, QWE, ZXC
  • ABC, ZXC, POI
  • etc

I want this column to have filtering with multiple checkboxes so I put 

filterable: { multi: true }
 in that column config. But I want only unique values for each checkbox. So it should be

  • ABC
  • BCD
  • CDE
  • QWE
  • ZXC
  • POI

I guess I need to implement custom filtering for that. It's like I need to parse the cell content for comma separated values and put each of that value on a separate filter checkbox. Any advise how to do that?

Konstantin Dikov
Telerik team
 answered on 18 May 2016
4 answers
424 views

Hello , 

I'm preaty new to the programing and Kendo UI. But i have a task to make a grid and in it i should be able to edit/delete/update/create data in Json file.

After watching  demo  a question popped up in my head.

How does this part of code work : 

var dataSource = new kendo.data.DataSource({

            transport: {

                       read: "/Products", update: {

                                     url: "/Products/Update",

                                     type: "POST"

                              },

                         destroy: {

                                       url: "/Products/Destroy",

                                       type: "POST"

                               },

                          create: {

                                 url: "/Products/Create",

                                type: "POST"

                         }

 

Specialy those parts with  [ url: "/Products/Create" ] .

What should i do to get it ? I use XAMPP test server and use my URL which is  "localhost:8080/TestJson.json".

Replacing it with my URL doesnt do much.

var Pfad = "http://localhost:8080",
                    dataSource = new kendo.data.DataSource({
                        transport: {
                            read: {
                                url: Pfad + "/TestJson.json",
                                dataType: "json"
                            },
                            update: {
                                url: Pfad + "/TestJson.json",
                                dataType: "json",
                                type: "POST"
                            },
                            destroy: {
                                url: Pfad + "/TestJson.json",
                                dataType: "json",
                                type: "POST"
                            },
                            create: {
                                url: Pfad + "/TestJson.json",
                                dataType: "json",
                                type: "POST"
                            },

All it does is populate my Grid , but i can't edit or delete anything in that Json file.

I know that it is wrong but i can't find a solution. Maybe there is a page where i can read about it.

 

 

Kiril Nikolov
Telerik team
 answered on 18 May 2016
5 answers
256 views

Hi,

I'm having some trouble getting the donut chart to work with multiple series when binding from remote data. Here's my code:

$("#projectTimeBreakdownDonutChart").kendoChart({
    title: {
        text: "Time by Team",
        position: "bottom"
    },
    legend: {
        visible: false
    },
    seriesDefaults: {
        type: "donut",
        overlay: {
            gradient: "none"
        },
        labels: {
            visible: false
        }
    },
    series: [{
        field: "data",
        categoryField: "name"
    }]
});

And here's the json I'm getting back from my controller

[{
    "name":"Duration",
    "data":[{
        "category":"Team 1",
        "value":5000
    },{
        "category":"Team 2",
        "value":130
    },{
        "category":"Team 3",
        "value":3
    },{
        "category":"Team 4",
        "value":8
    }]
}, {
    "name":"Amount",
    "data":[{
        "category":"Team 1",
        "value":72000
    },{
        "category":"Team 2",
        "value":18000
    },{
        "category":"Team 3",
        "value":300
    },{
        "category":"Team 4",
        "value":670
    }]
}]

Thanks

Iliana Dyankova
Telerik team
 answered on 18 May 2016
3 answers
77 views

I posted a question yesterday about how to remove the dirty indicator from a grid and the post has disappeared.

Why would that happen?

 

Thanks,

Reid

Dimiter Madjarov
Telerik team
 answered on 17 May 2016
19 answers
948 views

Hello,

 I discovered a bug with the grid's vertical scrollbar when dealing with asynchronous read call.  Indeed, if you start moving scrollbar's slider with the mouse up and down, you'll end up firing a bunch of Transport.Read requests.  If those requests are treated asynchronously (like most ajax requests), the grid seems to have some problem displaying the right data.

 I did create this snippet to simulate the problem.  If you take a look at my print screen, you'll notice that the displayed indexes are from 42401 to 42600 out of the 250 000 records.  However, you'll also notice that the slider is almost at the bottom of the slider.  Based on the __count value provided to the grid, the slider position for those indexes should be somewhere near the top of the scrollbar (about 20%).  

This image alone is enough to confirm a problem with the grid scrollbar. However, the real problem is not the slider position but the displayed data itself. Indeed, by releasing the slider at this position I was expecting the indexes over 230 000 to be displayed but it's not the case.

 Is there a workaround to fix this?

 Best regards,

 Simon

Dimo
Telerik team
 answered on 17 May 2016
4 answers
368 views

I was wondering if there is any way to retrieve all the problematic cells that the validation scripts are flagging?  Sometimes users will have hundreds if not thousands of rows, and many columns, and I'd like to be able to give them a list of problematic cell coordinates so that they don't have to hunt through the UI.  Is this possible?  

Dimiter Topalov
Telerik team
 answered on 17 May 2016
2 answers
209 views

I'm generating spreadsheets server-side, and with the Kendo spreadsheet now available, would like to make those visible in the browser rather than having the client download the file. The spreadsheets are being created by the open source EPPlus library. I'm not having difficulty showing the spreadsheet, but it's displaying incorrectly.

When doing a server-side import, the number formatting in the cells is lost during the ToJson call back to the client. This can be seen in the Server Import/Export Demo as well. The correct numeric values are present, but their display is wrong. 

I'm sending the data back to the server with

public ActionResult GetSpreadsheet(string fname)
{
   Stream stream = ReportsController.GetStreamFromCache(fname);
 
   if (stream != null)
   {
      Workbook workbook = Workbook.Load(stream, Path.GetExtension(fname));
      return Content(workbook.ToJson(), MimeTypes.JSON);
   }
 
   return new EmptyResult();
}

I've attached a spreadsheet that is showing the problem. It displays correctly in Excel on opening.Oddly enough, I haven't seen anyone mention this on the forums, so I'm wondering if it's something with my spreadsheets.Ideally, I'd use the Workbook object on the server to create the spreadsheets, but we have entirely too many already written to convert.

Thanks for any help you can give.

 

Alex Gyoshev
Telerik team
 answered on 17 May 2016
6 answers
1.0K+ views
I need the ability pick values for a multiselect but instead of the dropdown that gave you a list of values to pick from, I would like to let the user pick multiple dates using the datepicker calendar control.

So instead of the dropdown list that is part of the multiselect can we use a calendar datepicker instead?

If so, a quick example would be much appreciated.

Thanks
Jason
Georgi Krustev
Telerik team
 answered on 17 May 2016
9 answers
675 views
Hi

I have a data source of numeric value for every hour
Line chart automatically aggregates it by day where I actually have space for every data point (and yes, users want to see them)
http://70.43.83.4/test/html5/kendo.html

When I set baseUnit manually to "hours", the labels on the axis would be a mess.
1) Tried my luck with setting baseUnitStep to 24 but that would again aggregate/hide the hourly points.

2) Tried Scatter chart
http://70.43.83.4/test/html5/kendos.html
there are other problems
a) Category axis messes up dates
b) Tooltip is visible only with mouse exactly on the marker (line chart uses x-axis-location comfortably)

3) Stock chart http://70.43.83.4/test/html5/kendost.html
a) also groups by date
b) messes up category axis when changing range

Is there a way of stop aggregating or aggregate on a different basis than categoryAxis labels?

Thanks.

 Raido

T. Tsonev
Telerik team
 answered on 17 May 2016
1 answer
392 views

we would like to migrate our grid to Kendo UI grid and if it fits for us we will buy it. I tried to implement it, but I'm blocked with an issue. The id column works only if I provide 'id' instead of '_id' in the json and all the json property have to be the same as the model and column fild name.

For example if You change the 'title' filed to 'title2' and do the same in the column settings, the grid fails, there are empty columns. Or if I change the '_id' to 'id' the id column will contanins the values.

So for me it seems the mapping of the model fails, the 'from' doesn't work properly.

Check the example in jsbin: http://jsbin.com/welone/1/edit?html,css,js,output

Rosen
Telerik team
 answered on 17 May 2016
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
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?