Telerik Forums
Kendo UI for jQuery Forum
3 answers
810 views

I have my html input element designated as a dropdownlist in code below. I have my list of items specified in 'data-source=' where my list of items is an array of string options, which is added to based on what the users picklist values are (dynamically filled picklist). However, I can't seem to get the default value to work. Specifying 'data-option-select' works, and sets the default, however, when I specify that the picklist is required, it doesn't recognize the 'data-option-select' as an actual selection and thinks I still need to select something. If the picklist is not required, it picks up the 'data-option-select' just fine as an option and saves that without me having to go select anything. 

 

How can I specify this dropdownlist as required and set the default value? (I can't really do it in javascript as these picklists are dynamically created. I have no idea how many there are or necessarily what their names will be, so looking for a way to specify selected default in the html markup).

 

Also, I have tried 'data-select' but I get unexpected identifier (the value was a string with multiple words and white spaces). I tried setting data-select to an integer, but that got some 'charAt(0) is not a function' error. I even tried it with setting data-primitive-value="true" but that didn't do anything.

 

'<input id="'+fieldMap[i].fieldName+'Input" data-role="dropdownlist" data-bind="value:'+fieldMap[i].fieldName.toLowerCase()+'" data-option-label="'+fieldMap[i].defaultPicklist+'" data-option-select="'+fieldMap[i].defaultPicklist+'" required data-required-msg="Please Select Valid '+fieldMap[i].fieldLabel+'" data-source="[\'None\'';     
Joana
Telerik team
 answered on 04 May 2017
1 answer
1.2K+ views

Does anyone have a suggestion on how to disable certain options in a grid dropdown (using a custom editor template) based on a property of the grid item?

 

Preslav
Telerik team
 answered on 03 May 2017
2 answers
2.9K+ views

Hello!

 

Is there a way to hide or disable the Remove button conditionally for some items only?

I want to prevent the user from removing items that were already used on another list, while enabling them to add more or remove the items not inused.

I use the MVC approach:

@(Html.Kendo().MultiSelect()
    .Name("SelectedCategories")
    .DataValueField("Id")
    .DataTextField("Title")
    .Placeholder("Select categories...")
    .AutoClose(false)
    .ValuePrimitive(true)
    .ClearButton(false)
    .DataSource(ds => ds.Read(read => read.Action("GeCategories", "Category")))
    .BindTo("Categories")
)

 

 

TIA! :o)

 

Ross

Ross
Top achievements
Rank 1
 answered on 03 May 2017
24 answers
294 views

Ref: http://demos.telerik.com/kendo-ui/grid/editing-custom

 

My implementation saves [object object] in the databases intermittently. Some times it works other time it doesn't work and then I have re-select the item for it to save right. is there anything to look for here..?  

Stefan
Telerik team
 answered on 03 May 2017
1 answer
521 views

When attempting to find my column template using

var userActivityTemplate = kendo.template(this.columns[9].template);

 

I am receiving the following error:

Uncaught TypeError: Cannot read property 'template' of undefined
    at init.excelExport (user-task-summary.js:328)
    at init.trigger (kendo.all.min.js:25)
    at init.<anonymous> (kendo.all.min.js:30)
    at Object.proxy (jquery-2.1.4.js:512)
    at Object.<anonymous> (jquery-2.1.4.js:3256)
    at fire (jquery-2.1.4.js:3099)
    at Object.add [as done] (jquery-2.1.4.js:3145)
    at Array.<anonymous> (jquery-2.1.4.js:3255)
    at Function.each (jquery-2.1.4.js:374)
    at Object.<anonymous> (jquery-2.1.4.js:3252)

 

It appears that when using multiple header rows, the template is not a defined key.

Here is my multiple header column definition

{
                title: "Activity",
                columns: [
                    {
                        field: "estimatedHours",
                        title: "Estimated"
                    },
                    {
                        field: "userActivityMinutes",
                        title: "User",
                        template: function (dataItem) {
                            return FormatMinutesToHours(dataItem.userActivityMinutes);
                        }
                    },
                    {
                        field: "activityTotalMinutes",
                        title: "Total",
                        template: function (dataItem) {
                            return FormatMinutesToHours(dataItem.activityTotalMinutes);
                        }
                    }
                ]
            }

 

attached is the console output with the column definition expanded.

Can you tell me the proper way to locate the template definition in this scenario?

Thank you

Tsvetina
Telerik team
 answered on 03 May 2017
1 answer
234 views

We have several views (used for data-visualization) in our web-app. Each view can be opened in a virtual tab, inside our web-app. Every view has a whole bunch of kendo widgets that we can use to manipulate the data. In the end, we can close the virtual tab. At a given time there can be several such tabs opened and the user can open or close more tabs as per his choice.

Data for each virtual tab is loaded through ajax while opening the tab, after which all kendo widgets are 'initialized'. Similiarly when we close the tab, all kendo widgets are destroyed using the 'destroy' method of the widget.

There is a huge performance drop while initializing and destroying the kendo widgets in each tab. Is there a way that the kendo widgets can be destroyed efficiently?

Stefan
Telerik team
 answered on 03 May 2017
3 answers
1.7K+ views

Hi there,

When using kendo Validator - is there a configuration option to set the focus to the first invalid field?

With the current application I am working on there are several long forms - it would be beneficial if the browser scrolled to the invalid field.

I can see how to do this easily with jQuery validate - but I can't seem to see an obvious extension point to do this with kendo Validator?

Thanks,

Paul

Eduardo Serra
Telerik team
 answered on 02 May 2017
1 answer
726 views

Hi, 

I'm using existing sample project posted on net for Kendo grid with custom pop up editor. This works fine. That means Adding/Editing records works.

However , as per requirement Instead of standard textbox, we are suppose to use rich text box editor. So, when I use RTE (Rich text editor) for adding /editing records it works fine only

1. If I do not apply any of the RTE functionality (E.g. Bold/Italic/underline).

however when I apply any RTE functionality (E.g. Bold or Italic or underline) on text  and click on Update  then  following things happens ,

1.As soon as I move my cursor control out of RTE then behind the scene grid show that entry  with little red mark (which also happens above case as well)

2. However no Control action method  gets called and Pop up window never closes.

 

Please note, I tried with different Permutation and combinations of  .Encode() but it didn't worked. Pop up window never closes and no controller action methods gets called.

I'm attaching  my code images and output.

Viktor Tachev
Telerik team
 answered on 02 May 2017
1 answer
249 views
We are experiencing an issue on the calendar on touch devices, when a user taps the next or previous month buttons it skips a month each time, so for example it would go from January to March.

I'm pretty sure we haven't altered any of the Kendo functionality so it should still be working as it was created. I want to test a demo on your site of the calendar from the version we're using (version 2015.2.624) to see if the issue occurs on your end as well. Is there any way we can test a demo from the past versions?
Stefan
Telerik team
 answered on 02 May 2017
2 answers
455 views

I am very close to getting this working with all the help within the forums, I appreciate all the people whom have taken the time to post!! Including the KENDO administrators!

 

I can read json withing my transport with no issues and even do an update with no issues BUT after the update when I requery the database sometimes the grid is not refreshed with the new data but the database and the degugging shows the correct data. I use this onclick function to requey the database and was wondering if it is correct.

Thanks again!!

01.function getData(){
02.     
03.    var spreadsheet = $("#spreadsheet").data("kendoSpreadsheet");
04.    var sheet = spreadsheet.activeSheet();
05.    sheet.dataSource.transport.options.read.url = "index.cfm?event=general.excel&action=load&startDate=" + $('#startDate').val() + "&endDate=" + $('#endDate').val() + "&lobID=" + $('#area').val();
06.    sheet.dataSource.read();
07.      
08.      
09.    $('#spreedsheetGrouping').show();
10. 
11.} //end getData

 

Veselin Tsvetanov
Telerik team
 answered on 02 May 2017
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?