Telerik Forums
Kendo UI for jQuery Forum
1 answer
180 views

Hi,

Reordering rows using the draggable column might seem a bit buggy, as you have to move the cursor to the right before dropping to reorder the rows successfully, as can be seen in the following example https://dojo.telerik.com/ipOyacoH . It would be nice if dragging and dropping directly above and below (inside the draggable column) would work without moving the cursor to the right, but I can't seem to make this work. Could somebody please help me with this?

Thanks in advance!

user192
Top achievements
Rank 1
 updated question on 15 Jul 2022
1 answer
130 views

Hi,

     Like Demo : https://dojo.telerik.com/ExuQuSoT

     Field title and description validation require is set true.

     I have a business need :

     When I choose Meeting Room 201 for Field RoomId, I hope that I can mask or turn off the validation and submit it normal.

     How to realize it?

     Thank you very much for your help. 

     

      

Martin
Telerik team
 answered on 14 Jul 2022
1 answer
133 views

hi

i set  all days in workDays

workDays: [1,2,3,4,5,6,7]
now previous date button not work!

sample

thank you

Lyuboslav
Telerik team
 answered on 14 Jul 2022
1 answer
134 views

hi

i need use MVVM  (dateHeaderTemplate) but can not show anything sample

thank you

Lyuboslav
Telerik team
 answered on 14 Jul 2022
1 answer
146 views

hi

i need use MVVM  (eventTemplate)  but not work sample

thank you

Lyuboslav
Telerik team
 answered on 14 Jul 2022
1 answer
238 views

Hi,

I've overlapping issue when numbers are too close. Can you please advice how to fix line chart labels overlapping issue?
Here is also the snippet link https://dojo.telerik.com/iZiqEfaX

 

 

Nikolay
Telerik team
 answered on 14 Jul 2022
1 answer
228 views

https://runner.telerik.io/fullscreen/@shashi.kumar/IdeKUHam

You can see for column titled 'Phone' there is no right border.

Please reply how can we configure right borders?

Nikolay
Telerik team
 answered on 14 Jul 2022
1 answer
204 views

Hi, is it possible to use a kendo UI NumericTextBox with free decimals?

I would like to allow the user to input 0, 1 or any number of decimals and I want to see all in the textbox.

Is it possible?

Georgi
Telerik team
 answered on 13 Jul 2022
0 answers
157 views

I have written the following code for kendoComboBox, it does not cause any problem when creating, but when editing, only the id is displayed.

 

 


   $('#buyer').kendoComboBox({
                        dataSource: new kendo.data.DataSource({
                            type: 'aspnetmvc-ajax',
                            serverFiltering: true,
                            serverPaging: true,
                            serverSorting: true,
                            transport: {
                                read: {
                                    url: kmc.urlBase + '/lookups/buyers',
                                    dataType: 'json',
                                    type: 'POST',
                                    beforeSend: function (xhr) {
                                        kmc.setRequestVerificationToken(xhr);
                                    }
                                }
                            },
                            schema: {
                                aggregateResults: 'aggregateResults',
                                data: 'data',
                                errors: 'errors',
                                total: 'total',
                                model: {
                                    id: 'id',
                                    fields: {
                                        id: { type: 'number' },
                                        name: { type: 'string' },
                                        code: { type: 'string' },
                                        cidNID: { type: 'string' },
                                        addr: { type: 'string' },
                                        tel: { type: 'string' },
                                        fax: { type: 'string' }
                                    }
                                }
                            },
                            error: function (e) {
                                if (e.status === 'customerror') {
                                    pki.alert(e.errors);
                                } else {
                                    var failure = pki.parseJson(e.xhr.responseText);
                                    if (failure && failure.success === false) {
                                        pki.alert('Status: ' + e.xhr.status + '<br/><br/>Error: ' + failure.errors);
                                    } else {
                                        pki.alert('Status: ' + e.xhr.status + '<br/><br/>Error: ' + e.xhr.responseText);
                                    }
                                }
                            }
                        }),
                        dataTextField: 'name',
                        dataValueField: 'id',
                        filter: 'startswith',
                        valuePrimitive: true,
                        //change: function (e) {
                        //    var dataItem = this.dataItem();
                        //    if (dataItem) {
                        //        pro.headerModel.set('buyer', { id: dataItem.Id, name: dataItem.Name });
                        //    }
                        //},
                        minLength: 2,
                        select: function (e) {
                            var item = e.dataItem;
                            if (item) {
                                $('#buyer-name').text(`TO: ${item.name}`);
                                $('#buyer-addr').text(`ADD: ${item.addr}`);
                                $('#buyer-tel').text(`TEL: ${item.tel}`);
                                $('#buyer-fax').text(`FAX: ${item.fax}`);
                                $('#buyer-nid').text(`COMMERCIAL/NATIONAL ID: ${item.cidNID}`);
                            }
                        }
                    });







 






 html code :

                                <td>
                                <span class="caption">Buyer: </span>
                                <input id="buyer" name="buyer" class="combobox-lg" data-bind="value: buyer.id" required />
                               </td>

Fatemeh
Top achievements
Rank 1
Iron
 asked on 09 Jul 2022
7 answers
484 views
I am new to kendo UI HTML v2013.1.226 .I am trying cascading combo box within the kendo grid.In this fiddle http://jsfiddle.net/moonolite3/abgy56ak/6/

Html:
<div id="myLayout" class="k-content" style="background-color:Gray; height:100%;">
<div id="contentArea" style="background-color:Silver;">
  <div id="myList"></div>
</div>
<div id="footer" style="background-color:Silver;">
    Click on ShipCity to trigger custom editor
</div>

Script:
var myDataSource = new kendo.data.DataSource({
        type: "odata",
       transport: {
        },
        schema: {
            model: {
                id: "OrderID",
                fields: {
                    OrderID: { type: "number" },                   
                    ShipName: { type: "string" },
                    ShipCountry: { type: "string" },
                    ShipCity: { type: "string" },
                    ShipName: { type: "string" }
                   
                }
            }
        },
        pageSize: 50,
        serverPaging: true,
        serverFiltering: true,
    });
 
var $footer = $("#footer");
 
var gridHeight = function () {
    return $(window).height() - $footer.height() - 2;
}
 
var $grid = $("#myList").kendoGrid({
    scrollable: { virtual: true },
    editable: true,
    dataSource: myDataSource,
    sortable: true,
    height: gridHeight(),
    columns: [
        { field: "OrderID" },
        { field: "ShipName"},
        { field: "ShipCountry",
           title : "Ship's Country",
            editor: function(container, options) {
                $('<input id="ShipCountry1" required data-text-field="ShipCountry" data-value-field="ShipCountry" data-bind="value:' + options.field + '"/>').appendTo(container).kendoComboBox({
                    filter: "contains",
                        placeholder: "Select category...",
                        dataTextField: "ShipCountry",
                        dataValueField: "ShipCountry",
                    dataSource: {
                        type: "odata",
                        serverFiltering: true,
                        transport: {
                            read:                            'http://demos.kendoui.com/service/Northwind.svc/Orders?$select=ShipCountry'
                        }
                    },
                    
                     
                });
            }
        },
         { field: "ShipCity",
           title : "Ship's City",
            editor: function(container, options) {
                $('<input id="ShipCity1" required data-text-field="ShipCity" data-value-field="ShipCity" data-bind="value:' + options.field + '"/>').appendTo(container).kendoComboBox({
                     autoBind: false,
                        cascadeFrom: "ShipCountry1",
                        filter: "contains",
                        placeholder: "Select product...",
                        dataTextField: "ShipCity",
                        dataValueField: "ShipCity",
                    dataSource: {
                        type: "odata",
                        transport: {
                            read:'http://demos.kendoui.com/service/Northwind.svc/Orders?$select=ShipCity'
                        }
                    }
                     
                });
            }
        },
         { field: "ShipName",
           title : "Ship's Name",
            editor: function(container, options) {
                $('<input id="ShipName1" required data-text-field="ShipName" data-value-field="ShipName" data-bind="value:' + options.field + '"/>').appendTo(container).kendoComboBox({
                     autoBind: false,
                        cascadeFrom: "ShipCity1",
                        filter: "contains",
                        placeholder: "Select product...",
                        dataTextField: "ShipName",
                        dataValueField: "ShipName",
                    dataSource: {
                        type: "odata",
                        transport: {
                            read:'http://demos.kendoui.com/service/Northwind.svc/Orders?$select=ShipName'
                        }
                    }
                     
                });
            }
        }
         
      ]
});
 
$("#rootLayout").kendoSplitter({
    orientation: "vertical",
    panes: [
        { scrollable: false, collapsible: false, size: "90%" },
        { collapsible: true, size: "10%" }
    ]
});
 
var resizeGrid = function () {
    var dataArea = $grid.find(".k-grid-content");
    var newHeight = gridHeight();
    var diff = $grid.innerHeight() - dataArea.innerHeight();
 
    $grid.height(newHeight);
    dataArea.height(newHeight - diff);
}
 
$(window).resize(function () {
    resizeGrid();
});


When I select the 'ship's Country' the 'ship's City' Column need to get invoked and list out the city name but its not doing that.Ship's city in turn need to invoke ship's Name .In kendo site the demo cascading is on outside the grid and I didn't get how to do the same inside the grid.Can any one help me out or with any other sample fiddle..Thanks in Advance.Note: I need to stick with this kendo version..cant change to updated one :(
Fatemeh
Top achievements
Rank 1
Iron
 answered on 09 Jul 2022
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
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?