Telerik Forums
Kendo UI for jQuery Forum
2 answers
2.4K+ views

I have used KendoUI grid in my web application. It runs at batch editing mode(incell edit), and there are date columns in the grid.
For some reasons, I can't using KendoUI datepicker to show the date when a cell in the column clicked. Instead,I must use the jQueryUI datepicker in edting mode.
But when the jquery date picker shown in cell, the date can not be displayed with the format which I have set.
Following is my configuration.

$("#"+currGrid.options.girdContainerId).kendoGrid({    
    dataSource: kendoGridDataSource,...    
    columns:[
      ...{ field:'StartDate',        
           editor : function(container, options){
              var $input = $("<input />").attr("name",options.field).appendTo(container);
              $input.datepicker({dateFormat:"yy/mm/dd",});
           },        
           format:"{0:yyyy/MM/dd hh:mm:ss}",},
           ...},
    ],
    editable: true

 

I set the format as "yyyy/mm/dd".But when I focus in the cell, the string "Wed Jun 17 2015 15:00:00 GMT+0900 (東京 (標準時))" will be displayed.
How can I control the value displayed in datepicker when I focus in cell ?

Best regards

Wanchang
Top achievements
Rank 1
 answered on 13 May 2016
1 answer
415 views

I'm getting a file not found (stack trace below) for Kendo.Mvc.resources while trying to add 2016.2.504 to an MVC6 project.

I installed the Kendo.MVC nuget package from the private feed 

     -- https://nuget.telerik.com/nuget

I also installed the bower package from 

    -- "kendo-ui": "https://bower.telerik.com/bower-kendo-ui.git#~2016.2.504"

 

I also added all the manual steps from http://docs.telerik.com/kendo-ui/aspnet-mvc/mvc-6/getting-started

 

Microsoft.AspNet.Server.Kestrel: Error: An unhandled exception was thrown by the application.
System.IO.FileNotFoundException: Could not find file 'Kendo.Mvc.resources'.
   at System.Reflection.RuntimeAssembly.InternalGetSatelliteAssembly(String name, CultureInfo culture, Version version, Boolean throwOnFileNotFound, StackCrawlMark& stackMark)
   at System.Resources.ManifestBasedResourceGroveler.GetSatelliteAssembly(CultureInfo lookForCulture, StackCrawlMark& stackMark)
   at System.Resources.ManifestBasedResourceGroveler.GrovelForResourceSet(CultureInfo culture, Dictionary`2 localResourceSets, Boolean tryParents, Boolean createIfNotExists, StackCrawlMark& stackMark)
   at System.Resources.ResourceManager.InternalGetResourceSet(CultureInfo requestedCulture, Boolean createIfNotExists, Boolean tryParents, StackCrawlMark& stackMark)
   at System.Resources.ResourceManager.InternalGetResourceSet(CultureInfo culture, Boolean createIfNotExists, Boolean tryParents)
   at System.Resources.ResourceManager.GetString(String name, CultureInfo culture)
   at Kendo.Mvc.Resources.Exceptions.get_Rtl()
   at Kendo.Mvc.UI.WidgetBase.VerifySettings()
   at Kendo.Mvc.UI.DatePicker.VerifySettings()
   at Kendo.Mvc.UI.WidgetBase.WriteHtml(TextWriter writer)
   at Kendo.Mvc.UI.DatePicker.WriteHtml(TextWriter writer)
   at Kendo.Mvc.UI.WidgetBase.RenderHtml(TextWriter writer)
   at Kendo.Mvc.UI.WidgetBase.ToHtmlString()
   at Kendo.Mvc.UI.Fluent.DeferredWidgetBuilder`1.ToHtmlString()
   at Kendo.Mvc.UI.Fluent.DeferredWidgetBuilder`1.WriteTo(TextWriter writer, IHtmlEncoder encoder)
   at Microsoft.AspNet.Mvc.ViewFeatures.StringCollectionTextWriter.StringCollectionTextWriterContent.WriteTo(TextWriter writer, IHtmlEncoder encoder)
   at Microsoft.AspNet.Mvc.ViewFeatures.StringCollectionTextWriter.CopyTo(TextWriter writer, IHtmlEncoder encoder)
   at Microsoft.AspNet.Mvc.ViewFeatures.StringCollectionTextWriter.CopyToAsync(TextWriter writer, IHtmlEncoder encoder)
   at Microsoft.AspNet.Mvc.Razor.RazorTextWriter.CopyToAsync(TextWriter writer)
   at Microsoft.AspNet.Mvc.Razor.HelperResult.WriteTo(TextWriter writer, IHtmlEncoder encoder)
   at Microsoft.AspNet.Mvc.ViewFeatures.StringCollectionTextWriter.StringCollectionTextWriterContent.WriteTo(TextWriter writer, IHtmlEncoder encoder)
   at Microsoft.AspNet.Mvc.ViewFeatures.StringCollectionTextWriter.CopyTo(TextWriter writer, IHtmlEncoder encoder)
   at Microsoft.AspNet.Mvc.ViewFeatures.StringCollectionTextWriter.CopyToAsync(TextWriter writer, IHtmlEncoder encoder)
   at Microsoft.AspNet.Mvc.Razor.RazorTextWriter.CopyToAsync(TextWriter writer)
   at Microsoft.AspNet.Mvc.Razor.RazorView.<RenderLayoutAsync>d__20.MoveNext()

T. Tsonev
Telerik team
 answered on 12 May 2016
9 answers
397 views

I have the following dropdownlist:

<select kendo-drop-down-list id="employee" name="employee"
    k-ng-model="incident.employeeId"
    ng-model="incident.selectedEmployee"
    ng-required="showEmployee"
    k-value-primitive="true"
    k-data-text-field="'fullName'"
    k-data-value-field="'employeeId'"
    k-option-label="{ employeeId: null, fullName: 'Select employee...'}"
    k-data-source="employeeDataSource">
</select>

In the controller ishowEmployee is set to true.

The issue I have is that it wont mark it as required.  If I simply change the dropdownlist to a combo box it will mark it required.  Why and how do I get it as required when showEmployee is true?

Elliot
Top achievements
Rank 1
 answered on 12 May 2016
3 answers
292 views
I am attempting to create a dynamic stacked chart. The user will select if they want a stacked chart via a dropdown list and then the chart will update with their selection. An example is included of something close to what it should be. The uncommented out data is what I would like to use but the commented out data is okay as well. I would like to at least have model remain the same otherwise it would be a different object created each time. 
Veselin Tsvetanov
Telerik team
 answered on 12 May 2016
5 answers
1.2K+ views

hello,

i use the "kendo-multi-select" and i want to validate required values with ng-message.
the problem is, that no one of the validation options (ng-pattern, ng-maxlength, etc) are triggered via ng-message and kendo-multi-select. even the simple "ng-required" is not accessible.

is there another solution for this issue? or a workaround i can use?

I use this one:

<select kendo-multi-select
        id="{{x.Pos}}_{{$index}}"
        name="{{x.Pos}}_{{$index}}"
        style="width:100%"
        k-ng-model="x.something.Value"
        ng-disabled="!x.Editable"
        k-data-source="x.DataSource"
        k-ng-delay="x.DataSource"
        k-value-primitive="true"
        k-rebind="x.DataSource"
        ng-required="x.Required"
        autocomplete="off"></select>


<div ng-messages="MyForm[x.Pos+'_'+$index].$error" ng-messages-multiple ng-if="MyForm[x.Pos+'_'+$index].$touched">
    <div ng-messages-include="/validationMessages.view.html"></div>
</div>

 

thank you for your help
werner

 

Dimiter Topalov
Telerik team
 answered on 12 May 2016
1 answer
181 views

I am working on a part of my application where the user can create a large number of different charts, and i was experimenting with an interface to allow all the charts from a session to persist on the page (the user can scroll back and see all the previous charts and the settings used for them).  I was trying to use the grid control to hold all the charts as they are created, mainly so that unwanted rows could be deleted and the set of charts exported to pdf.  

The grid starts off empty and I am able to add the first row and create a chart in it.  As i create each row i use the template to add a div with a unique id, and then turn that into a chart.  The problem is that when the second row is added, the first chart disappears.

The nested chart demo doesn't help because it only shows how to statically create a bunch of the same chart.  in my case the first chart might be a box plot, the second a line chart, the third a bar chart, all with data from different sources.

Is what I'm wanting to do even possible?

(btw my dev is in ruby on rails)

Dimiter Madjarov
Telerik team
 answered on 12 May 2016
1 answer
176 views

Hi All,

We have a requirement to show json data as a pivot grid.

We have to fetch with a large amount of data from an SQL DB (about 40.000 to 1.000.000 rows). We are having a service which would return this data as json object.
We need to show this data as a pivot grid restitution in our app, and apparently, that kind of component would suits our needs.

As we have a lot of data : 
- Is this possible at Server-side instead client side?

If this is not possible at server side then what is the max capacity that pivot grid can handle with best performance?

Below is the sample fiddle:

http://dojo.telerik.com/eNAj

Thanks in Advance

Georgi Krustev
Telerik team
 answered on 12 May 2016
7 answers
2.0K+ views
Hi,

 Is it possible that Kendo Dropdownlist opens its items on hover? I know default is to click it, but we want it to open on mouse hover.

Thanks a lot.
Kiril Nikolov
Telerik team
 answered on 12 May 2016
1 answer
632 views

hello

I´m wondering how I make the detail template button appear on the far right in each row instead of it displaying on the left

best regards from Iceland

 

Dimo
Telerik team
 answered on 12 May 2016
4 answers
60 views

When using the .NET MVC wrapper for our grids, we used to format our int columns like so:

columns.Bound(r => r.FileSize).Title("File Size")
                  .HeaderHtmlAttributes(new { @title = "File Size" })
                  .Format("{0:#,0}")
                  .Width(120);

When I upgraded from XX to XX, this no longer was working. I was able to use .Format("{0:n0}") and it worked fine. Kinda sad that this was depreciated seemingly unknowingly to developers. Did anyone else experience this break in code?

Rosen
Telerik team
 answered on 12 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
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
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?