I am doing inline editing in my grid and one of the columns has a custom editor. The control for this column varies based on the entered values of some other columns (this column is disabled until other column values entered.) This all works great, but when I save the row, the value isn't retrieved. How is the value from a custom editor retrieved?
When I edit the row, the editor for this cell is really just a placeholder div. Once the prerequisite columns have their values entered, I insert additional HTML into this div and instantiate the appropriate control (datePicker, dropDownList, multiSelect, numericTextBox, text input)
The only hint as to how this works is in this demo, which states:
Thanks,
--Ed
I have a Kendo Grid defined with the following toolbar:
toolbar: [ "excel", "pdf", { name: "print", text: "Print Page" } ],Both the excel and pdf exports work great while running on my local development server, which does not use https. However, when I deploy the code to a production server, which uses https, only the excel export works. The pdf export goes through each step of its progress bar but never produces the file for saving. Do you know how to solve this?
Hello,
I need to bind the scheduler resources to a remote data source in order to make the resource list dynamic. I have about 60 different resources, and I do not want to display all resources when there are no events scheduled for the given date range of the view. When the date range changes, I want to get a new list of resources from the server. All of the examples I have see so far involve a local dataSource, so there are no promises which makes it work.
Is there a way to achieve this? I should note that I would be ok listing all resources, and then hiding or filtering the resources that do not have an event in the view. Perhaps that would be easier? Please let me know the best method to achieve this. Thanks!
Hi,
I want to change the default operators order for string fields, to do so I know I could redefine them this way:
this.gridOptions = {
filterable: {
mode: 'row',
operators: {
string: {
contains: 'Contains',
doesnotcontain: 'Does not contain',
startswith: 'Starts with',
endswith: 'Ends with',
eq: 'Is equal to',
neq: 'Is not equal to'
}
}
}
};
Doing so, since the application is multi-language, I'm losing the default translations provided by the loaded culture files.
Do you have an idea to simple solve that?
Thanks,
Enrico
Hello,
I have a TreeList which I display rows of data and child data. I want to click a button and fire off a javascript call to completely clear the TreeList. I have tried various things and have googled this issue but have not found a solution. I'm surprised there is not a method for this, something like:
var treelist = $("#myTreeList").data("kendoTreeList");
treeList.Data.ClearAll().
Is there such a function/method?
I have the buttonClick event no problem but just need the code for deleting all the rows. Can you tell me how to do this please?
Thank you very much...
Dave
How can I use "validate" Event (telerik doc) in Custom Validation?
Example code:
<script type="text/javascript">
//register custom validation rules
(function ($, kendo){
$.extend(true, kendo.ui.validator, {
rules: { // custom rules
productnamevalidation: function (input, params) {
if (input.is("[name='ProductName']") && input.val() != "") {
input.attr("data-productnamevalidation-msg", "Product Name should start with capital letter");
return /^[A-Z]/.test(input.val());
}
return true;
}
},
messages: { //custom rules messages
productnamevalidation: function (input) {
// return the message text
return input.attr("data-val-productnamevalidation");}
},
validate: function (e){
console.log(e.valid);
}
});
})(jQuery, kendo);
</script>
In the above code "e.valid" should return true if validation passed, false otherwise. My issue is that the validate event is never triggered on validation complete. Am I using this the right way? Please note that the above custom validation code is for grid custom editor templates. Not sure if the configuration has to be done differently in such cases.
Any help with this is appreciated.
Thanks.
Hello,
In the disabled cells demo, the auto-fill feature as well as cutting/pasting from/to disabled cells and toolbar modifications such as modifying the font allow disabled cells to be modified.
I'm hoping this is not the intent of disabled cells, but if it is, can someone please indicate how to disable auto-fill into disabled cells as well as cut/paste/toolbar modify on disabled cells?
I have a multiselect with a 'clear all X' icon absolutely positioned to the right inside the .k-multiselect element. Everything works fine except I can not seem to stop the event from bubbling up to the open event when clicking. I do not want the list to open when clicking the close icon.
I considered filtering the target from the open event but could not find e.target inside the open event. Any ideas??
01.$("#multiSelector").kendoMultiSelect({02. dataTextField: "text",03. dataValueField: "id",04. dataSource: orgAccountsData, 05. dataBound: function () {06. var $closeBtn = $("<span />", {07. id: "multiselectCloseBtn"08. });09. 10. $(".k-multiselect").append($closeBtn);11. 12. $("#multiselectCloseBtn").off("click").on("click", function (e) {13. e.stopPropagation();14. e.preventDefault();15. 16. $('#multiSelector').data("kendoMultiSelect").value([]);17. });18. }19.});