Telerik Forums
UI for ASP.NET Core Forum
1 answer
107 views

Hey guys,

does there anywhere exist a working example for a kendo grid which has all the crud operations enabled and is fully accessable via keyboard? I know you have on your demo page a full example for keyboard navigation but there aren't existing crud operations -> https://demos.telerik.com/kendo-ui/grid/keyboard-navigation

Would be nice if there are already some informations how to implement a full keyboard support. If not, well then I have to figure everything out how to access userfriendly all the crud operations.

Thank you!
Daniel

Aleksandar
Telerik team
 answered on 28 Jan 2022
1 answer
126 views

Hi Team,

 

We follow your example : https://docs.telerik.com/kendo-ui/knowledge-base/retrieve-visible-grid-columns-data-with-select-odata-parameter.

We just replace with our API endpoint and columns fields. Its returns only 20 records first page of records. Rest of the records not showing.

API returns json format.

[
    {
        "workflowId": 48,
        "id": 177,
        "workflowName": "Observations",
    },
    {
        "workflowId": 64,
        "id": 178,
        "workflowName": "IncidentManagement",
    },
    {
        "workflowId": 64,
        "id": 183,
        "workflowName": "IncidentManagement",
    },
    {
        "workflowId": 64,
        "id": 185,
        "workflowName": "IncidentManagement",
    },
]

-----------------------------------------

Aleksandar
Telerik team
 answered on 28 Jan 2022
1 answer
1.0K+ views

Hello,

I have a page that is correctly populating a DropDownList with a list of customers as shown below:

 

 <kendo-dropdownlist for="CustomerIdValue"
                                    name="customers"
                                    filter="FilterType.Contains"
                                    placeholder="Select customer"
                                    datatextfield="Display"
                                    datavaluefield="Value"
                                    style="width: 100%;">
                    <datasource type="DataSourceTagHelperType.Custom">
                        <transport>
                            <read url="@Url.Action("CustomersInternal_GET", "User")" />
                        </transport>
                    </datasource>
                </kendo-dropdownlist>

Unfortunately the dropdownlist be default selects the first customer in its list.

I _don't_ want the dropdown to have a selected item when the page loads. In this particular form I want the user to be forced to select a customer. How do I 1) get the initial load to not select an item 2) check the user has selected a customer from the list before I enable the Submit button.

 

Yes, a user MUST be forced to actually choose a customer from the dropdownlist.

Thank you kindly!

Stoyan
Telerik team
 answered on 26 Jan 2022
1 answer
260 views

Hi, I have a Grid for which I have an EditorTemplate. Everything works fine in development, but it fails in production, it seems like the editortemplate is ignored. In Index.cshtml:

.Editable(editable => { editable.Mode(GridEditMode.PopUp).TemplateName("PatentTmpl"); })
This is just enough to make it work in development environment, but when I publish the project it doesn't work, no matter what I've tried. 

The template is located both in Patents/EditorTemplates and Shared/EditorTemplates. 

Did anyone have a problem like this before, or any ideas what to try? It just doesn't make any sense that it's not working in production.

Thanks in advance.

Tsvetomir
Telerik team
 answered on 26 Jan 2022
1 answer
141 views

I have two multiselects (vendors and buyers) that are required selections to load a grid which lists POs when a user presses a "search" button. I am trying to learn about how to add validation so that you cannot load the grid unless the two multiselects have something selected. The documentation that I've found deals with forms so trying to figure out how to implement validation for my usecase. 

                    <label for="vendorslist" style="color:white; line-height:3.2; padding-right:3px; padding-top:5px">Vendors</label>
                    <div class="nav-item dropdown" style="padding-right:10px;">
                        @(Html.Kendo().MultiSelect()
                        .Name("vendorslist")
                        .Filter(FilterType.Contains)
                        .Placeholder("Select Vendor...")
                        .AutoClose(false)
                        .AutoBind(false)
                        .DataTextField("displayvalue")
                        .DataValueField("keyvalue")
                        .AutoWidth(true)
                        .HtmlAttributes(new { style = " font-size:inherit; width:250px" })
                        .DataSource(source =>
                        {
                            source.Read(read =>
                            {
                                read.Action("GetVendorList", "UVL").Data("GetFacilityCode");
                            }).ServerFiltering(false);
                        })
                        .Events(events => events.Open("vendorsListOpen"))
                        )
                    </div>

                    <label for="buyerslist" style="color:white; line-height:3.2; padding-right:3px; padding-top:5px">Buyers</label>
                    <div class="nav-item dropdown" style="padding-right:10px;">
                        @(Html.Kendo().MultiSelect()
                        .Name("buyerslist")
                        .AutoClose(false)
                        .AutoBind(false)
                        .Placeholder("Select Buyer...")
                        .Filter(FilterType.Contains)
                        .DataTextField("agent")
                        .AutoWidth(true)
                        .HtmlAttributes(new { style = " font-size:inherit; width:150px" })
                        .DataSource(source =>
                        {
                            source.Read(read =>
                            {
                                read.Action("GetBuyers", "PODashboard").Data("GetFacilityCode").Type(HttpVerbs.Get);
                            }).ServerFiltering(false);
                        })
                        )
                    </div>

 

Function ran when reading grid that pulls selections to use for params when calling API:

function getPOParams() {
    //grab facility
    var dataText = $("#Facility").data("kendoDropDownList").text();
    var facility = dataText.split('-');
    var _facilityCode = $.trim(facility[0]);
    var _facilityDesc = $.trim(facility[1]);

    //grab vendor
    var multiselect = $("#vendorslist").data("kendoMultiSelect");
    var _vendors = [];
    var items = multiselect.value();
    for (var i = 0; i < items.length; i++) {
        _vendors.push(items[i].trim());
    }

    //grab buyer
    var buyerMultiselect = $("#buyerslist").data("kendoMultiSelect");
    var _buyers = [];
    var buyerItems = buyerMultiselect.value();
    for (var i = 0; i < buyerItems.length; i++) {
        _buyers.push(buyerItems[i].agent.trim());
    }

    //grab PO#
    var _poText = $("#poNumTextbox").data("kendoMaskedTextBox").value().toString();

    //grab status
    var _statusText = $("#StatusDropDownList").data("kendoDropDownList").value();

    return {
        vendorCode: _vendors,
        buyer: _buyers,
        facilityCode: _facilityCode,
        facilityDesc: _facilityDesc,
        statusText: _statusText,
        poNumText: _poText
    };
}

 

Mihaela
Telerik team
 answered on 24 Jan 2022
0 answers
91 views
If a user types (keyboard input) a value into the time picker (e.g. 14:10:13) and then clicks away from the field the value resets to 00:00:00.

This behaviour is only observed on a form that has pulled in data (e.g. an Edit Page) with 'DateInput()' applied to the Time Picker.

If the form is empty (e.g. a Create Page) the user can type in a value without having it reset when clicking away from the field.

Can you advise how to fix this?

See Code below:

<div class="k-form-field"> @(Html.Kendo().TimePickerFor(model => model.Time)

.DateInput() .Format("HH:mm:ss") .Interval(15) .ToClientTemplate() ) </div>

Dru
Top achievements
Rank 1
 asked on 24 Jan 2022
2 answers
720 views
How can I customize the export file name?

Something like showing a dialog which I could enter the file name after clicking the toolbar.
CHIHPEI
Top achievements
Rank 2
Iron
Iron
Iron
 answered on 24 Jan 2022
1 answer
3.5K+ views

Hello,

Is there a Telerik UI for ASP.NET Core extension for Visual Studio 2022 ? The existing one can be only installed on Visual Studio 2017 or 2019.

Stephane
Top achievements
Rank 1
Iron
 updated answer on 23 Jan 2022
1 answer
1.0K+ views

Hi everyone,

I'm using the ASP.NET Core MVC Grid,

after I export the pdf file it cant show chinese character properly(as the provided picture),

export pdf

I'm aware of the langauge render on the html and pdf is in a different logic,

So how and where can I add a specific font in ASP.NET Core MVC Grid?

Can anyone provide an simple example?

Tsvetomir
Telerik team
 answered on 21 Jan 2022
2 answers
375 views
I am attempting to set 

"Html.ViewData.TemplateInfo.HtmlFieldPrefix"

on a partial view to bind elements of a collection back to a view model.

If I set the prefix as well as overriding the id property in the dropdownlist html
the name property seems to have an extra prefix attached

 

See the Demo where the first dropdown has the id set and produces an invalid name.

The second dropdown does not have the id set and the name produced is correct.

Demo

This does not seem to occur when setting the id, prefix, and using the html helpers.

 

jovaughn
Top achievements
Rank 1
Iron
 answered on 20 Jan 2022
Narrow your results
Selected tags
Tags
+? more
Top users last month
Edmond
Top achievements
Rank 1
Iron
fabrizio
Top achievements
Rank 2
Iron
Veteran
RobMarz
Top achievements
Rank 2
Iron
Fakhrul
Top achievements
Rank 1
Iron
Tejas
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Edmond
Top achievements
Rank 1
Iron
fabrizio
Top achievements
Rank 2
Iron
Veteran
RobMarz
Top achievements
Rank 2
Iron
Fakhrul
Top achievements
Rank 1
Iron
Tejas
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?