Telerik Forums
Kendo UI for jQuery Forum
6 answers
1.3K+ views

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:

  • The value of this field points to a JavaScript function which instantiates the column editor for the corresponding column cells

Thanks,

--Ed

T. Tsonev
Telerik team
 answered on 08 Mar 2016
3 answers
279 views

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?

T. Tsonev
Telerik team
 answered on 08 Mar 2016
5 answers
204 views
Is is possible to have multiple diagrams (tree structures) in the same drawing panel? If so is there an example of how this would be done?
Daniel
Telerik team
 answered on 08 Mar 2016
1 answer
733 views

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!

Vladimir Iliev
Telerik team
 answered on 08 Mar 2016
1 answer
254 views
I downloaded a custom version of the .js file from my control panel (uses only the widgets I want). The text just under the download button says "kendo.custom.min.js, 1,543 kB (458 kB compressed)". When I download the file, it's 1.5MB. How do I compress the file so it's smaller? Is there a way to download the compressed version?
Kiril Nikolov
Telerik team
 answered on 08 Mar 2016
4 answers
392 views

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

Bridge24
Top achievements
Rank 1
Iron
Iron
 answered on 08 Mar 2016
2 answers
660 views

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

 

Dave
Top achievements
Rank 1
 answered on 08 Mar 2016
2 answers
498 views

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.

Sindhura
Top achievements
Rank 1
 answered on 07 Mar 2016
1 answer
107 views

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?

Jared
Top achievements
Rank 1
 answered on 07 Mar 2016
3 answers
2.5K+ views

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.});

Petyo
Telerik team
 answered on 07 Mar 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
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?