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\''; 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?
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
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..?

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
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?

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
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.


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