Telerik Forums
Kendo UI for jQuery Forum
5 answers
197 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
725 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
247 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
388 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
652 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
492 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
105 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.4K+ 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
2 answers
182 views

Hello,

How can I get Kendo Menu to work like Teleriks Demos site style menu.

Also how can I modify css styles for menu?

http://demos.telerik.com/kendo-ui/menu/index

Thanks.

Konstantin Dikov
Telerik team
 answered on 07 Mar 2016
3 answers
274 views

In my grid (inline editable), I have a column that, when edited will become a multi-select. The dataSource for the multi-select will be retrieved from the server and will be in the form id/text, where id is an int, and text is a string. The mult-select works great and retrieves the data great from the server. The issue becomes when I want to display the selected items to the user when the user is finished editing. The DB wants the selections as a CSV of IDs. The UI wants the selections presented to the user as a CSV of Text.

When I add a new row, the multi-select works great because there are no items to pre-select.

When I edit a row that already has selections that need to be pre-selected, how can I do this since there may be duplicate Text, but never duplicate IDs

So, 2 main issues:

1. When finished editing a row, how do I get the UI to present CSV of Text, but send a CSV of IDs to the DB

2. When populating the grid, the DB is currently sending the CSV of Text, which isn't in a good form to edit in a multi-select. I'm thinking I should include another member in the Schema / Model that is simple the CSV of IDs. How do I present to the user the CSV of Text, but when editing, use the CSV of IDs to pre-select the control?

Thanks,

--Ed

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