Questions on UI for ASP.NET MVC Forum

1 answer

228 views

We are using Kendo Grid in Asp.Net MVC application. The grid is configured and mapped to a Odata WebAPI for server filter to a Odata controller. Currently, any filter on two or more than two columns works with AND condition for filter. I want to convert into OR instead of AND. How can I do that ?

Grid

answered on 14 Jul 2020

1 answer

91 views

Greetings

Hi there. I am new to this forum.

General Discussions

answered on 14 Jul 2020

3 answers

220 views

Getting error when trying to sort

I am trying to sort my grid. Nothing happens and I'm getting the following console error:

kendo.all.js:164 Uncaught TypeError: r[n].call is not a function

at init.trigger (VM376 kendo.all.min.js:25)

at init.d (VM376 kendo.all.min.js:61)

at init.trigger (VM376 kendo.all.min.js:25)

at init._click (VM376 kendo.all.min.js:54)

at HTMLTableCellElement.d (jquery-1.12.3.min.js:2)

at HTMLTableCellElement.dispatch (jquery-1.12.3.min.js:3)

at HTMLTableCellElement.r.handle (jquery-1.12.3.min.js:3)

I created this Dojo to duplicate the problem: https://dojo.telerik.com/@dojolee/AFEqOfiZ

Grid

answered on 14 Jul 2020

1 answer

123 views

Filtering on grouped data in kendo MVC grid

Hey there,

I have one requirement. I need to put filtering in grouped data on group data header section same like filter like in grid columns. Is it possible with C# MVC grid

Grid

answered on 13 Jul 2020

6 answers

458 views

Error when selecting item using javascript when component has a valuemapper

Hi,

I've recently found an issue with the combobox where a user can type in any number on the combobox and it will save if the foreign key exists on the database - regardless of checking whether or not the value is valid for use or not.

Why does the combobox treat typing in a random number as the FK of the control anyway when it doesn't do the same thing if you type in a random character?

Anyway the above is a question for a different time but after finding this out, I've found there's an article on how to avoid these kind of situations using JavaScript on this page:

https://docs.telerik.com/kendo-ui/knowledge-base/prevent-submission-of-missing-value

While trying to implement this logic, I can see that it's working (by not allowing the random number selection to be saved), but I've noticed there's actually an error on the first round of "select" call as the loading icon is displayed on the combo box.

The specific line is the "this.select(0)" line from the code snippet below:

if (this.value() && this.selectedIndex == -1) {

this.dataSource.filter({

value: this.value(),

field: this.options.dataTextField,

operator: "contains"

});

this.select(0); <=== this line is causing the issue.

if ( this.selectedIndex == -1 ) {

this.text("");

}

Upon closer inspection, I see that there's a 500 error being thrown due to the "Page" parameter being set to NaN and the "PageSize" parameter being set to 0.

https://.../Items?sort=&group=&filter=NameDisplay~contains~%2712%27&page=NaN&pageSize=0

Any subsequent searches works without any issues and sets the "Page" and "PageSize" to the correct values.

https://.../Items?sort=&page=1&pageSize=80&group=&filter=NameDisplay~contains~%2712%27

This is very strange as the 500 error (above) only displays the first time this.select(0) is called, but any subsequent times will work without any issues.

While trying to reproduce this, I've found that it only occurs when the combobox has a valuemapper set to it.

.Virtual(v => v.ItemHeight(26).ValueMapper("itemsValueMapper"))

When the valuemapper function is removed from the combobox, the this.select(0) functions runs without any issues.

The value mapper is required for my comboboxes as it provides a good way to virtualise my lists.

My datasource is using webapi as below:

.DataSource(source =>

{

source.Custom()

.ServerFiltering(true)

.ServerPaging(true)

.PageSize(80)

.Type("webapi")

.Transport(transport =>

{

transport.Read(a => a.Url(itemsUrl));

})

.Schema(schema =>

{

schema.Data("Data")

.Total("Total");

});

})

Is there any work around that can be done for this?

Or even better, is there a way to prevent the combobox from binding random number values typed into the control?

ComboBox

answered on 13 Jul 2020

1 answer

216 views

Always show collapse icon after clicked on expand

Hi All,

I have a requirement to show collapse icon (after clicking the expand icon) whether it has a child nodes or not.

Thanks

TreeView

answered on 13 Jul 2020

9 answers

1.1K+ views

Load Kendo scripts on bottom of page - possible?

Hi, we always load all js files at the bottom of a page because of performance. Before the </body> closing tag.
If we shift the JS files from head to the end of the file, Kendo controls are not working.
All the JS files are loaded correct if we check the network traffic with firebug tool.

Is it an known issue? and we have always to load all the scripts in head?

I made a 2nd quick test with the keno example code.
Open kendoui.trial.2012.3.1114\wrappers\aspnetmvc\Examples\Areas\razor\Views\Shared\_WebLayout.cshtml and shifted the following scripts to the bottom. Than load e.g. the datepicker example page (http://localhost/kendo/razor/web/datepicker/index)

    <script src="@Url.Content("~/Scripts/jquery.min.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo.web.min.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo.aspnetmvc.min.js")"></script>
    <script src="@Url.Content("~/Scripts/console.min.js")"></script>
    <script src="@Url.Content("~/Scripts/prettify.min.js")"></script>

Same problem. If I open the datepicker test page. Datepicker is not working.
Thanks for your help.
Regards fan

General Discussions

answered on 09 Jul 2020

3 answers

309 views

Bug? Use PersistSelection with GroupPaging

Hi everyone,

not sure if I found a bug or if i'm just doing it wrong.

What I try is to create a grid that is per default grouped with GroupPaging and has a checkbox selection column with PersistSelection.

However I only get a js error "Cannot read property 'undefined' of undefined" @init._restoreSelection (kendo.all.min.js:62).

I tried adding an Id field but it still doesn't work. Only changed error to "Cannot read property 'Id' of undefined".

If I remove the PersistSelection it works fine.

Html.Kendo().Grid<MyViewModel>()

.Name("myGrid")

.Columns(c =>

{

c.Select().Width(50);

c.Bound(x => x.Id).Hidden();

c.Bound(x => x.ArticleNo);

c.Bound(x => x.ArticleGroup).ClientGroupHeaderTemplate("<input class=\"k-checkbox groupSelect\" type=\"checkbox\"> #= value #").Hidden();

})

.PersistSelection()

.ToolBar(t => t.Search().Text(Localizer.Lang_SearchInTable))

.Events(x => x.DataBound("eventMyGridDataBound"))

.DataSource(dataSource => dataSource

.Ajax()

.PageSize(50)

.GroupPaging(true)

.Group(x => x.Add(y => y.ArticleGroup))

.Read("GridRead", "Article")

.Model(m =>

{

m.Id(f => f.Id);

m.Field(f => f.ArticleNo);

m.Field(f => f.ArticleGroup);

}))

Best Regards

Nils

Grid

answered on 08 Jul 2020

8 answers

1.3K+ views

Grid: Insert and Delete only, no update of existing records

Hi,

I'm using the Kendo Grid in my application.

In my Grid I just need to insert rows and delete them. Update should not be possible.

If I define the Grid as follows, I dont have an update button to save the values. If I specify the Update function, I get the Update Button.

How can I achieve this?

Greets

.Columns(

col =>

{

col.Command(c => { c.Destroy(); }).Width(250);

...

})

.ToolBar(c => c.Create())

Grid

answered on 07 Jul 2020

1 answer

2.4K+ views

Kendo Grid Batch Edit with all rows and columns editable

Hello,

We have a business requirement where the rows in the grid should all be in editable mode, i.e. show textbox or dropdown etc for each of the columns for each row.

The default implementation only shows a textbox in the field that a user is editing, the others display as labels.

When we tried with custom templates, it seems it does not support 2-way model databinding.

Please advise.

Thanks.

Grid