I have a page with kendo menu and sometimes k-reset css class is being applied to all ul elements in a kendo menu. As a result the kendo menu is becoming all white and then its impossible to read the menu items.

Is there any way to prevent this css class of k-reset from being applied?

I am calling the FileBrowser as follow:

            dataSource: {
                schema: kendo.data.schemas.filemanager,
                transport: {
                    read: {
                        url: "/kendo-fm-reader.php",
                        method: "POST"
                    },
                    create: {
                        url: "/kendo-fm-dir-maker.php",
                        method: "POST"
                    },
                    update: {
                        url: "/kendo-fm-updater.php",
                        method: "POST"
                    },
                    destroy: {
                        url: "/kendo-fm-deleter.php",
                        method: "POST"
                    }
                }
            },
            uploadUrl: "/kendo-fm-file-uploader.php"

But when I rename a folder, the page triggered is "/kendo-fm-dir-maker.php" and not "/kendo-fm-updater.php"...

Is that possible and correct?

I think this behaviour is incorrect, as it creates new folders with the name I want to give to the renamed one.

Is there a way to modify this behaviour or I am doing something wrong?

Thank you.

Alessandro

We are instantiating late bind a new dropdownlist using jquery, making it virtual and reading data from an ajax call on the server

Here is an example of a dropdown initialization

$('#articles-row select:first').kendoDropDownList(
{
    filter: "contains",
    dataTextField: "Name",
    dataValueField: "Id",
    virtual: {
        itemHeight: 35,
        valueMapper: valueMapperArticles
    },
    dataSource: {
        pageSize: 80,
        serverPaging: true,
        serverFiltering: true,
        schema: {
            data: function (response) {
                console.log(response.Data)
                return response.Data;
            }
        },
        transport: {
            read: {
                url: "@Url.Action("Filter_Articoli")"
            }
        }
    }
});

And here is a simplified version of the datasource read method used in our program

public JsonResult Filter_Articoli([DataSourceRequest] DataSourceRequest request)
{
    IQueryable<Articles> art = _db.Articles
            .Where(x => !x.Disabled).AsQueryable();
    return Json(art.ToDataSourceResult(request));
}

When i instantiate the dropdown like so, he makes multiple server request, where the first one is correct i guess (using paging, sorting etc), and the other two are not necessary and badly formatted, making the execution of the page interrupt

Here is a screen of the three server request made by the datasource and the data obtained from the data formatting

Am i missing some configuration on the server or in the kendo dropdownlist instantiation?

Thanks in advance

I want to use Kendo multi column combo box as an auto-complete input. My data source is accessed via an API. The API URL can include filter parameters. All of our data sources are very large (tens of thousands of records), so I need to do server-side filtering by adjusting the parameter portion of the URL.

What properties, events and methods would I use to refresh the data source as the user is typing (with delay)?

pseudo code:

combobox.onchange() {

  ApiUrl = "https://blahblah/getRecords?filterstring=" + combobox.val();

  combobox.datasource.transport.read = ApiUrl

}

I can't seem to figure out how to get something to work. Seems like this should be easy to do.

Any suggestions would be greatly appreciated.

I am trying to get my Line Chart to dynamically assert the field text rather than having to explicitly put the field in my remote datasource objects and then state that property as the field in the Line chart series.  

so instead of doing it like 

data = [

{Date: 09/10/2020, English: 88, Math: 99, Science: 45},

{Date: 08/22/2020, English: 76, Math: 90, Science: 95},

{Date: 08/01/2020, English: 70, Math: 80, Science: 75}

]

and LineSeries = [

]

like in the Line Chart its done in the JQuery Line Chart example to get a seperate line for each subject and a data point for each distinct date. 

Is it possible to instead do

data = [

{Date: 09/10/2020, Subject: "Math", Value: "78" },

{Date: 09/10/2020, Subject: "English", Value: "80" },

{Date: 09/10/2020, Subject: "Science", Value: "65" }

{Date: 08/22/2020, Subject: "Math", Value: "87"},

{Date: 08/22/2020, Subject: "English", Value: "97"},

{Date: 08/22/2020, Subject: "Science", Value: "57"},

]

and something like LineSeries = [ {
        field: "Subject",
        categoryField: "date",
        name: "Subject",
    },
] ? if not is there a seperate way to configure the series to get a seperate line for each subject and a data point for each distinct date?

Currently I am trying to create a kendo UI Line chart based on a nested data model that looks like

{

key: "Kelly"

DateValue: [

{Date: 08/07/2020, Grade: 100}

{Date: 09/10/2020, Grade: 82}

] is this possible to create where for each date there is a data point and for each object with a distinct key there is a distinct line that represents that key? 

Hi,

Am having difficulty importing data, into a kendo UI spreadsheet, specifically date data as text. Is there a way to bypass the whole OLE date format from the Excell file so I just get a string? and Not that float value in OLE date format? In fact, importing every cell as just a string and not a formatted value (with a format property and a value property)...and just a value would be awesome. 

Thanks again for your help and patience!

George

I have defined following jQuery datagrid column. Users is assoc array of text and value fields.

Without template field, column is correctly displaying users's fullname from values field.

Now I need to change only displayed fullname into the link and therefore, I added template field. Problem is, that I don't know and I didn't find it in documentation, how to parse "modified_by" value into the user fullname (with using of text-value array in values field).

            (new Kendo\UI\GridColumn())
                ->field('modified_by')
                ->title($t->translate('card.grid.modified_by'))
                ->values($users)
                ->filterable($filterableMulti)
                ->width(200)
                ->template('#= (modified_by == null) ? \'\' : \'<a href="' . $this->baseURL . 'profile/\'+modified_by+\'">\'+modified_by+\'</a>\' #')
                ->lockable(true)

Thank a lot for any help!

Hi,

We've using a Form component with an Upload component in it. The validation within the Upload works fine but we'd like to check whether a file has been uploaded and / or selected. The "required" part of the Form validation doesn't seem to trigger when no file is selected. Code provided is an item in the Form.

                    {
                        field: "mailingList",
                        label: "Mailing List",
                        colSpan: 2,
                        editor: function (container, options) {
                            $('<input type="file" name="' + options.field + '" id="' + options.field + '"/>').appendTo(container)
                                .kendoUpload({
                                    async: {
                                        saveUrl: "/rates-notices-campaign/save-attach/" + id,
                                        removeUrl: "/rates-notices-campaign/remove-attach/" + id,
                                        autoUpload: true
                                    },
                                    validation: {
                                        allowedExtensions: [".csv", ".xlsx"]
                                    }
                                });
                        },
                        validation: {
                            required: {
                                message: "Mailing List is required"
                            }
                        }
                    }

Thanks

I am able to sort 1st object (orders1) as below example1 but please let me know is it possible to sort 2nd object same as like  1st object in the kendo grid.

Example 1:

var order1 :Country :'US';  Company:' Ship'

var order2 : Country :  (name: 'US'; id :12; items: {id: 13;  itemname: 'item1'}, {id : 14; itemname: item2} ),  Company: ({ id: 20; idealfor:'oil'; name :''company1' }, { id: 22; idealfor:'metal'; name :''company2' });

$(#tablename).kendoGrid({ datasource :order1,

page:6},

sortable:{ mode: 'single', allowunsort:false},

columns:{{ field:'company', title:'company', sortable: { intialditection: 'desc' }, { field:'company', title: 'country'}

}}

})