Questions on Kendo UI for jQuery Forum

2 answers

407 views

Grid cell edit of type number value not showing in input, works if type changed to text

I have a grid with editable cell inside bootstrap modal pop up, all text and dropdown cell works fine except for the number field.

When clicked on the number cell the input opens but value is showing inside, value is updated and reflects back on the grid, applies all the validation but just value is not showing the input field.

I checked everything but could not figure this one out.

var _dataSource = new kendo.data.DataSource({
                    data: localityGridDataSource,
                    sort: { field: 'nodeLocalitySequence', dir: 'asc' },
                    autoSync: true,
                    schema: {
                        model: {
                            id: 'localityCode',
                            fields: {
                                localityCode: { editable: false },
                                localityTitle: { editable: false },
                                nodeLocalitySequence: { type: 'number', validation: { required: true, min: 1, max: 999999 } },
                                nodeLocalityType: { defaultValue: { nodeLocalityTypeValue: 'I', nodeLocalityTypeName: app.localize('InsideGrid') } },
                                nodeLocalityExternalNote: { type: 'text' }
                            }
                        }
                    }
                });

                _LocalitiesGrid.kendoGrid({
                    dataSource: _dataSource,
                    editable: true,
                    noRecords: true,
                    edit: onGridEditing,
                    remove: clearLocalitiesAudioMessage,
                    columns: [
                        { field: 'localityTitle', title: app.localize('Locality') },
                        { field: 'nodeLocalitySequence', title: app.localize('Order') },
                        { field: 'nodeLocalityType', title: app.localize('IncludeType'), editor: nodeLocalityTypeDropDownEditor, template: '#=nodeLocalityType.nodeLocalityTypeName#', width: '250px' },
                        { field: 'nodeLocalityExternalNote', title: app.localize('Notes') },
                        { command: ["destroy"], width: '125px' }
                    ]
                });

Editor

Form

Grid

NumericTextBox

answered on 14 Apr 2023

1 answer

144 views

Kendo-UI Hybrid UI Demo Fails to Load

The URL that opens when you visit https://demos.telerik.com/kendo-ui/ > Hybrid UI > Launch Demos fails to load with the following exception in the console:

kendo.all.js:318535 Uncaught TypeError: n.headerTemplate is not a function
    at Object.<anonymous> (kendo.all.js:318535:21)
    at Object.render (kendo.all.js:318535:21)
    at init.replaceGrouped (kendo.all.js:318535:21)
    at init.refresh (kendo.all.js:318535:21)
    at init._refreshHandler (kendo.all.js:318535:21)
    at init.trigger (kendo.all.js:318535:21)
    at init._process (kendo.all.js:318535:21)
    at init.success (kendo.all.js:318535:21)
    at success (kendo.all.js:318535:21)
    at n.success (kendo.all.js:318535:21)

Does the Hybrid UI work for version 6.2.0?

P.S. none of the tags are relevant but it is a required field to submit a new thread so I just picked "templates" since the console error has the keyword template in it. Feel free to modify it.

Templates

answered on 13 Apr 2023

1 answer

253 views

Kendo UI for jQuery R2 2023 Roadmap - Font Icons

Hi Guys,

Have just been reading through the Kendo UI for jQuery R2 2023 Roadmap and the following statements from the 'Content Security Policy (CSP) compliance' section caught my eye

    - With R2 2023, we plan to replace all font icons internally used with SVG icons in order to address the font-src directive;
    - Further in 2023, we plan to detach font-related CSS from Kendo themes in order to remove the need for the font-src directive.

    Does this mean

    a) SVG icons will become the default set.
    b) Can this default still be overridden via the command - kendo.setDefaults('iconType', 'font'); so that all controls still render Font icons instead of SVGs.

    or

    c) Font Icons are being completely removed from Kendo UI for jQuery.

    Please could you advise on the above because if the answer is c) this will not be a 'Improvement' for me and I will have to make major changes to my usage and documentation to accommodate this change going forward.

    Regards
    Alan

General Discussions

answered on 13 Apr 2023

1 answer

104 views

Kendo Spreadsheet: Validating Authentication with Integrated App Before Data Loading and Triggering to Database

Dear Experts ,

I am currently working on a financial related project where I am using the Kendo Spreadsheet . However, I am facing an issue with regards to authentication and data validation.

Specifically, I would like to know if there is a solution in the Kendo Spreadsheet that can validate authentication with an integrated app before loading data and triggering data to the database.

I have researched this topic extensively, but I have not been able to find a clear solution. Therefore, I am reaching out to the community to seek your guidance and insights. Have any of you faced a similar issue? If so, how did you address it?

Any advice or solution that you can provide on this matter would be greatly appreciated. Thank you in advance for your help and expertise.

answered on 13 Apr 2023

0 answers

127 views

Kendo Pivotgrid

Hi,

How can I apply xmla data from asp.net core api to kendo pivotgrid using jquery.

So I created an endpoint that returns xmla data. just having a problem binding the data to the pivotgrid.

PivotGrid

PivotGridV2

asked on 12 Apr 2023

1 answer

203 views

s.delayedClick is not a function when I upgraded kendo.all.js version from Kendo UI v2014.3.1308 to Kendo UI v2018.3.1017

When I click id in kendo grid which is a link

Error in kendo.all.js

var UserEvents = Observable.extend({
init: function (element, options) {
var that = this, filter, ns = kendo.guid();
options = options || {};
filter = that.filter = options.filter;
that.threshold = options.threshold || DEFAULT_THRESHOLD;
that.minHold = options.minHold || DEFAULT_MIN_HOLD;
that.touches = [];
that._maxTouches = options.multiTouch ? 2 : 1;
that.allowSelection = options.allowSelection;
that.captureUpIfMoved = options.captureUpIfMoved;
that.useClickAsTap = !options.fastTap && !support.delayedClick();
that.eventNS = ns;
that._clicks = 0;
that.supportDoubleTap = options.supportDoubleTap;
element = $(element).handler(that);
Observable.fn.init.call(that);

Grid

answered on 12 Apr 2023

1 answer

117 views

Kendo UI Grid - Child Grid Keyboard navigation

Is there a way to navigate through child grid via keyboard shortcuts in a hierarchical kendo grid?

Grid

answered on 12 Apr 2023

1 answer

107 views

Multiple Row grid against single row column

I want to create grid like shown in picture. Need code reference or guidance. Your help will really be appreciated.

Data Source

Grid

answered on 11 Apr 2023

0 answers

141 views

Value of Grouped Object Disappears and Does not Reappear upon Cancel

I have an object in my grid schema and column definition. Upon load i set the grouping on on the Name field of my Category object. I also hide these columns since the grid doesnt appear to know to not show them when I do this.

Category: {  defaultValue: {Id:null, Name:null}},


{field:"Category", title:"Category",editor: CategoryDropDownTreeEditor, template : "#= Category.Name #", hideOnGroup: true},



var g = $("#assetGrid").data("kendoGrid");
                g.dataSource.group( [{ field: "AssetId" },
                     { field: "Category.Name" } ]);
                g.hideColumn("AssetId");
                g.hideColumn("Category");

Here is my editor template if needed:

function CategoryDropDownTreeEditor(container, options){

            $('<input required name="' + options.field + '"/>')
            .appendTo(container)
            .kendoDropDownTree({ 
                dataTextField: "Name",
                dataValueField: "Id",
                autoBind:false,
                filter: "contains",
                height: 400,
                width:750,
                select: function(e) {
                    if(e.sender.dataItem(e.node).hasChildren){
                        e.preventDefault();
                    }
                }
                
            }); 

            $.ajax({
                    url: "/Categories" ,
                    dataType: "json", 
                    type:"GET",
                    contentType: "application/json",
                    data:{
                        MainCategoryId:options.model.MainCategoryId
                    },
                    success: function(result) {
                        $('input[name="Category"]').getKendoDropDownTree().dataSource.data(processTable(result, "id", "parent", 0));
                       
                      
                    },
                    error: function(result) {

                        console.log("fail");
                    }

                });

         }

When I hit edit on my record the value disappears on the grouping header:

and if i hit cancel the value doesnt come back:

Grid

updated question on 10 Apr 2023

1 answer

120 views

Is there a way to edit via a dropdown function in the kendo grid ?

Hello, I am currently using the kendo grid to display all my data, I am wanting to be able to update one of the columns data by pressing the column and then a dropdown appear and i want to be able to change it. Is this possible?

Kind Regards

Grid

updated answer on 10 Apr 2023