Telerik Forums
Kendo UI for jQuery Forum
1 answer
142 views

Hi

Not so long ago, you had the Material Theme on the roadmap. Now it's gone. What happened?

 

Best

Giuseppe

Dimitar
Telerik team
 answered on 01 Aug 2018
1 answer
1.1K+ views

I am using kendoDropDownList in a kendogrid.
Now when I edit that row by calling 

    grid.editRow(tr);

function, row opens for Edit.

Its shows kendoDropDownList in edit mode but its not able to retain the original value.

I tried using databound event to select original value 

    let input = $('<input name= "' + options.field + '" required = "required"/>');
        input.attr('id', options.field);
        input.attr('data-text-field', 'Name');
        input.attr('data-value-field', 'Name');
        input.attr('data-bind', 'value:' + options.field);
        input.width(container.width());
        input.appendTo(container);
        input.kendoDropDownList({
          autoBind: false,
          dataTextField: 'Name',
          dataValueField: 'Name',
          optionLabel: 'Select',
          dataBound: (e) => {
            $('#' + options.field).data('kendoDropDownList').value(options.model.dropDownValue) ;
          },
          dataSource: {
            data: this.list
          }
        });

If I do this and just call validate 

    $('#grid').kendoValidator().data('kendoValidator').validate();

It shows me validation message for kendoDropDownList.

Since when I open in edit mode, I am setting value of dropdownlist. So why its showing validation message even if its value is set in databound event.

Am I doing something wrong here?

 

Is there an example for kendogrid containing kdropdownlist and doing validation in edit mode.


Neli
Telerik team
 answered on 31 Jul 2018
4 answers
118 views

I have a Html.Kendo().Grid in my aspx page.DataSource is defined like below

.DataSource(ds => ds
.Ajax()
.Model(model =>
{
model.Id(m => m.ID);
model.Field(m => m.ID).Editable(false);
})
.Read(r => r.Action("GetValues", "Home"))
.Update(update => update.Action("UpdateValues", "Home"))
.Create(update => update.Action("UpdateValues", "Home", new { optionType="value" }))
)

 

Controller Method

 

[AcceptVerbs(HttpVerbs.Post)]
public ActionResult UpdateValues([DataSourceRequest] DataSourceRequest dsRequest, Value val, string optionType)
{
try
{
if (val!= null && ModelState.IsValid)
{
long _id;
_id = Convert.ToInt64(val.ID);
if (val.ID== 0)
{
val.ModifiedBy = val.ModifiedBy == null ? base.User: val.ModifiedBy;
                        val.ModifiedDate = DateTime.Now;
}
else
{
val= repository.Value[_id];
}


if (val!= null && ModelState.IsValid)
{
if (val.ID != 0)
{

                            TryUpdateModel(val);
                            repository.Value.Save(val);
}
else
{


                            repository.Value.Save(val);
}

}
}
}
catch(Exception ex)
{

}
return Json(ModelState.ToDataSourceResult(),JsonRequestBehavior.AllowGet);
}

 

 

The ModifiedDate column in DB table has default value as Getdate()

 

Upon trying to add a new value to the grid,I am getting below response from json.

{"Errors":"ModifiedDate":{"errors":["the value "\u00275/21//2018 4:23:16 AM\u0027"  is not valid for ModifiedDate"}}}

 

 

Can someone help.What am I doing wrong here

ams
Top achievements
Rank 1
 answered on 31 Jul 2018
1 answer
398 views

I tried to install @progress/kendo- with NPM but I don't get all .js that I need (e: kendo.all.min.js, angular.min.js, ..). I have an account that allows me to use Kendo- Professional. When I try to install it I don't get the last version. I am logged in when I use , I try this: " login --registry=https://registry.npm.telerik.com/ --scope=@progress" and put my credentials. I am logged in successful, "Logged in as to scope @progress on https://registry.npm.telerik.com/".  later type: " install --save @progress/kendo-". I get this version: kendo-ui@2017.somethings... but I want this one: kendo-ui@2018.2.704. However, if I use Bower I get the version I want and the one I have the files I need. What's happening with Kendo- Professional and NPM ??

Thanks in advance!!!

Veselin Tsvetanov
Telerik team
 answered on 31 Jul 2018
3 answers
131 views
Hi,

I'm wondering if there is something to make a parent child relationship between an autocomplete component to a grid?

I used to have another grid to host the information from autocomplete which I can use linkChild() to easily bind two grids. But I couldn't seem to find any similar function that allows me to do the same between the autocomplete with the grid. If there is no such method exist, is there any walk around that allows me to do so?
Regards,
Yifan
Stefan
Telerik team
 answered on 31 Jul 2018
1 answer
138 views

I have a form, where people can enter text and also add file with it. The problem is that, the file should not be required. At the moment the uploader does not "upload" when no files selected.

 

Is it possible to make the file request even if file is not selected, so only metadata is posted.

 

Example:

https://dojo.telerik.com/uNahUVAD

Plamen
Telerik team
 answered on 30 Jul 2018
1 answer
358 views

Hello,

1.) User open page with grid
2.) They select filter and choose one of this options: isnull, isnotnull, isempty, isnotempty.
3.) Field for value is still visible. It should be hidden because it is useless in this context.

Is it possible to hide it? Does the support plan to implement it in the future release?

Konstantin Dikov
Telerik team
 answered on 30 Jul 2018
8 answers
410 views
I am writing to give some hopefully helpful, but critical observations of Kendo's documentation. I have heard these thoughts from many others, so I know I am not alone in my perceptions.

Kendo suffers from a great lack in detailed and easy-to-follow documentation. Articles are not ordered well. Certain bits of information about a topic are scattered over multiple pages. Many (sometimes most) answers to questions about widgets are found in the forums or on unaffiliated websites.

I would equate Kendo's documentation to being the dictionary for Kendo, like how you have an English language dictionary where you go to find certain words and what they mean, but you get very little context about that word.

Here are some specific examples, to help shed light on the frustrations:

  • I wanted to use Kendo to display a website navigation menu in text form, so a user could edit the menu items. First off, I was annoyed that on the Kendo widget demos page, there are no descriptions of the widgets. It would be nice to get a quick blurb about what each one does, to help make decisions easier about which one to use for a purpose. I get that the idea is to play with the Widget to see what it does, but a description would help, if it's not immediately clear what it does or what it's typically meant for. Once I clicked through them all and found that TreeView looked the best, I quickly found that it was not going to be easy to pull in a full menu hierarchy all at once. The only way I could tell from the demo was to pull them in via Ajax, one level at a time. This would not work for our purpose. So I started searching around and found a post in the Forums about using a Hierarchical DataSource with the TreeView to pull in all the menu items at once. But of course, the only example given here was for Javascript, so I wasn't able to use the MVC Wrappers, since there was no documentation about using this for TreeView. I searched in Kendo's documentation and finally found the HierarchicalDataSource section, but all it shows are the parameters and such - no instructions on how to use it or different examples. Finally, after hours of searching and trial and error, I got the TreeView hooked up via Javascript to pull in the menu items via Ajax through a HierarchicalDataSource. Why was there nothing about this process in the documentation? Why is there little to no documentation about using HierarchicalDataSource with the MVC Wrappers?

  • Another example is that I wanted to bind a ListView to local data, then be able to change the DataSource afterward to pull additional items via Ajax. Once again, little to no documentation on how to change the DataSource after the widget is initiated, but we were finally able to find a Forum post where someone received an example of how to do this. But since there was, of course, no documentation or detailed explanation of this example, and it takes time (that we didn't have) to get an answer about how to slightly change the example for our purposes, we ended up spending hours of trial and error to figure out why certain things didn't work at all or didn't work quite right or how to make them work. We found out the Pager broke after changing the DataSource, and we were supposed to refresh the Pager. Another small thing that was not in the documentation.

  • A last example is finding specific information about the MVC Wrappers. When I go to the Documentation, I see "Wrappers" in the left nav menu, so I click on it. Then I click "Aspnet Mvc." I'm thinking to myself, "I have no idea which of these is what I want...I want information about the ListView MVC Wrapper...hmm, do I click on Kendo.Mvc.UI, since that's where the widget should be? Nope, not there. Maybe Kendo.Mvc, since maybe it's under a general heading? Nope, not there." I click through all those and can't find it. So then I go to "Web" in that left menu. Nope, nothing about MVC Wrappers there either. So finally, I just go to Google and search to find what I need. Oh, so I guess the section I need is under the "Getting Started" tab. Well, I wasn't "getting started" with Kendo, so that's weird. Oh, so there's "Web," so I click that to find ListView, but that's for Javascript. Then I see "Using Kendo With," so I finally find the "Aspnet Mvc" section. UGH!
I could name other similar experiences, but these at least illustrate the norm, from our 6 month experience with Kendo.

I have used plugins such as jQuery and jQueryUI for 5+ years now, and I found myself greatly dissatisfied with Kendo's documentation, comparatively. For instance, in the jQuery documentation for the .on() function (http://api.jquery.com/on/), you will find such incredibly detailed information and lots of examples. After reading the article, I was immediately able to get my head wrapped around what it does, what parameters it takes, what it does with events, and I could view and play with the examples to see what happened. A similar article on Kendo would have the parameters described on one page, an FAQ article on another page with a few use-case scenarios or some related issues, and yet another page with a How-To, that is only helpful in limited circumstances.

It just should not be this difficult to find information about each widget and how it works. Each widget's documentation page should be full of in-depth descriptions of each property, event, and method and full of examples, use-cases, and potential problems or things to be aware of.

Also, there should be the same amount of in-depth description of the different Wrappers. I know for the MVC Wrappers, I have the same kind of trouble trying to find examples or how to use the different widgets or how to hook them up with different kinds of DataSources and such.

The Kendo Documentation is just an incredible form of frustration and keeps me from being excited about the product. Even though the widgets work quite well, I'm not as excited as I should be about them because of the time and frustration it takes trying to get the dang things to work! The Documentation needs to be less dictionary and more Wikipedia. By all means, please overload the Documentation with data, descriptions, use-cases, examples, related issues, things to keep in mind, potential problems, ways people use the Widgets, how to interact with other Widgets, DataSources, etc...more more more!

Thanks for your time and attention, and I hope this helps us all move onward and upward with Kendo!
Veselin Tsvetanov
Telerik team
 answered on 30 Jul 2018
3 answers
411 views

Is there any way to set a maxlength attribute on the input of every cell. I was hoping I could accomplish this with out using validation.

 

Thanks!

Vessy
Telerik team
 answered on 30 Jul 2018
1 answer
277 views

Hi,

The current implementation of kendo stock chart samples all the data points. In my case, when I drag right on the stock chart, fetches remote data and bind it to a local DataSource using add(). Let's say If I get 100 data points with values for each category nearer, chart renders only a few data points.

eg. This is the data I get on drag

[{"time":"2018-07-26T10:43:11.539927643Z","value":46},{"time":"2018-07-26T10:43:41.404421587Z","value":46},{"time":"2018-07-26T10:44:12.939918256Z","value":46},{"time":"2018-07-26T10:44:40.589413526Z","value":46},{"time":"2018-07-26T10:45:10.998136847Z","value":46},{"time":"2018-07-26T10:45:42.88296681Z","value":46},{"time":"2018-07-26T10:46:14.760766456Z","value":46},{"time":"2018-07-26T10:46:42.953234055Z","value":46},{"time":"2018-07-26T10:47:13.378606585Z","value":46},{"time":"2018-07-26T10:47:44.152430668Z","value":46}]},{"device_id":"00204AX5D72GGIJ4Z0HX1BLA5S2TTFOS","points":[{"time":"2018-07-26T10:43:25.990936424Z","value":38},{"time":"2018-07-26T10:43:58.83281015Z","value":38},{"time":"2018-07-26T10:44:33.114622846Z","value":38},{"time":"2018-07-26T10:45:02.558993785Z","value":38},{"time":"2018-07-26T10:45:42.009941143Z","value":38},{"time":"2018-07-26T10:46:09.499015043Z","value":38},{"time":"2018-07-26T10:46:44.329702609Z","value":38},{"time":"2018-07-26T10:47:14.744901433Z","value":38},{"time":"2018-07-26T10:47:50.48844174Z","value":38}]

eg: This is how I assign above json to respective category

Lets say above data array is assigned to a variable called 'points'

points.forEach(function (data) {
     var _payload = {};
    _payload[deviceId] = data.value; // can be different for another series data
    _payload.date = new Date(data.time);
    chart.data_source.add(_payload); // chart is kendo-stock-chart reference obj
});

 

In the above example chart data_source holds whatever payload added. But I could see only few data points because of default sampling algorithm. I have implemented pan and zoom on kendo chart but, it only works with sampled data. 

So, I want to have plus and minus icon on the chart as an overlay. When I click on plus icon chart should render hidden data points.

Tsvetina
Telerik team
 answered on 30 Jul 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?