Questions on UI for ASP.NET MVC Forum

9 answers

2.1K+ views

Hi,

I have the same issue as reported on the old Telerik MVC forum:

http://www.telerik.com/community/forums/aspnet-mvc/upload/multiple-upload-controls-in-grid-do-not-work.aspx

except i am not using a grid. I dynamically add "widgets" to a view each with an upload control. The first widget works fine as the name is unique but subsequent widgets do not render as the name/id is duplicated. Using the mvc wrapper as so:

@(Html.Kendo().Upload()

.Name("CreateMediaSelect")

.Async(a => a

.Save("MyActionName", "ControllerName")

.AutoUpload(true)

)

.Events(events => events

.Success("OnSuccess")

.Upload("OnUpload")

)

public ActionResult MyActionName(IEnumerable<HttpPostedFileBase> CreateMediaSelect)

I can change the name/ID on each widget e.g. CreateMediaSelect_0 but as in the above post, there is an unlimited number of these. How to keep the one action in the controller, but have multiple upload controls?

Has the fix explained in the Telerik solution been ported to Kendo? I tried a third argument in the overload to no avail.

Thanks.

Upload

answered on 26 Oct 2020

1 answer

474 views

Create a simple window dynamically in javascript

Using some examples I see in this forum, I am just trying to create a simple modal window on the fly via javascript. This is called from a JS function to create and open a new window that I can then refresh the content via an ajax post call. The line var win=... I get win = undefined. Clearly I'm missing something basic?

$('#windowX').kendoWindow({

width: "900px",

height: "500px",

title: "Add Temp Node",

visible: true,

modal: true,

resizable: true,

actions: ["Close"],

}).data('kendoWindow');

var win = $('#windowX').data('kendoWindow');

win.center().open();

Window

answered on 23 Oct 2020

4 answers

999 views

Grid not loading big data

Hi,

I have a problem while loading data to a grid. I want to disable Pagination and show all data on one page.

@(Html.Kendo().Grid<WasteGridViewModel>()

.Name("gridAllWaste")

.Columns(columns =>

{

columns.Bound(c => c.LocationCode).Title(@Helpers.Localize("gridLabel_locationCode").ToString());

columns.Bound(c => c.Timestamp).Format("{0:dd-MM-yyyy}").Title(@Helpers.Localize("gridLabel_timestamp").ToString());

columns.Bound(c => c.Value).Title(@Helpers.Localize("gridLabel_value").ToString());

if (User.Identity.IsInRole(UserRole.EditWaste))

{

columns.Command(command =>

{

command.Edit().Text(@Helpers.Localize("edit").ToString());

if (User.Identity.IsInRole(UserRole.AllAccess))

{

command.Custom(@Helpers.Localize("delete").ToString()).Click("openWindow");

}

}).Width(250);

}

})

.ToolBar(toolbar =>

{

if (User.Identity.IsInRole(UserRole.EditWaste))

{

toolbar.Create().Text(@Helpers.Localize("wasteGrid_add").ToString());

}

})

.Scrollable(s => s.Height("auto"))

.Groupable()

.Sortable()

.Editable(editable => editable.Mode(GridEditMode.PopUp).TemplateName("WasteEdit").DisplayDeleteConfirmation(false))

.Filterable(ftb => ftb.Mode(GridFilterMode.Row))

.Pageable(pageable => pageable

.Refresh(true)

.PageSizes(true)

.ButtonCount(5))

.DataSource(dataSource => dataSource

.Ajax()

.PageSize(50)

.Events(events =>

{

events.Error("errorHandler");

events.RequestEnd("onRequestEnd");

})

.Model(model => model.Id(p => p.WasteId))

.Read(read => read.Action("GetAllWaste", "Waste"))

.Create(update => update.Action("CreateWaste", "Waste"))

.Update(update => update.Action("UpdateWaste", "Waste"))

.Destroy(update => update.Action("DeleteWaste", "Waste"))

))

Above code works fine, but when I remove Pageable and change PageSize to bigger number, for example 6000 grid doesn't show any data. I get respone 302 on my request:

Request URL:http://localhost:29786/Waste/GetAllWaste

Request Method:POST

Status Code:302 Found

Remote Address:[::1]:29786

Referrer Policy:no-referrer-when-downgrade

Repose Headers:

Cache-Control:private, s-maxage=0

Content-Length:157

Content-Type:application/json; charset=utf-8

Date:Tue, 20 Jun 2017 09:04:53 GMT

Location:/Error/?aspxerrorpath=/Waste/GetAllWaste

Server:Microsoft-IIS/10.0

X-AspNet-Version:4.0.30319

X-AspNetMvc-Version:5.2

X-Powered-By:ASP.NET

X-SourceFiles:=?UTF-8?B?QzpcUmVwb3NpdG9yaWVzXFdhc3RlXHNyY1xFbmdpZS5XYXN0ZVxFbmdpZS5XYXN0ZVxXYXN0ZVxHZXRBbGxXYXN0ZQ==?=

Thanks in advance for any help.

Grid

answered on 23 Oct 2020

1 answer

555 views

How to set required field on Kendo popup grid editing with asp.net mvc razor

I am following the example form here:

https://demos.telerik.com/aspnet-mvc/grid/editing-popup

which the "Product Name" field is required, however there is nothing in the code the signals that

any directions are appreciated

tks

Grid

answered on 23 Oct 2020

1 answer

481 views

Make grid fit container size without scrollbar

I have a kendo grid with a lot of columns and want to resize the grid width to it's container (a bootstrap column). By default, the grid tries to fit into the container

but with too many columns, it exceeds the container's width.

I tried to use .Scrollable() and now the grid fits to the container width. The unwanted side effect is that I get a vertical scrollbar. Can I achieve the goal without

.Scrollable()?

Grid

answered on 23 Oct 2020

28 answers

417 views

Row virtualization grouping - Odd behavior

Hello,

I'm trying to implement a grid with row virtualization and groups, based on this example : https://demos.telerik.com/aspnet-mvc/grid/server-grouppaging-virtualization . But I see an odd behavior. When I group rows on two columns, then expand the first level group, in my case, there is no filter sent to the server, only group.

Here is the request sent by the grid in my case :

sort:

page: 1

pageSize: 50

group: RAISONSOCIALE-asc~LIBELLERIB-asc

filter:

take: 50

skip: 0

groupPaging: true

And here is the one in the example I use :

sort:

page: 1

pageSize: 50

group: CompanyName-asc

filter: City~eq~'Shady Point'

skip: 0

take: 50

groupPaging: true

Here is the grid :

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

.Name("ForecastListGrid")

.Groupable()

.Columns(columns =>

{

columns.Select().Width(50).HtmlAttributes(new { @class = "checkbox-align" }).HeaderHtmlAttributes(new { @class = "checkbox-align" });

columns.Bound(p => p.RAISONSOCIALE);

columns.Bound(p => p.CODE_FLUX);

columns.Bound(p => p.DATE_O).Width(100).Encoded(false).ClientTemplate("#=kendo.toString(kendo.parseDate(DATE_O,'dd/MM/yyyy'), '" + "dd/MM/yyyy" + "')#");

columns.Bound(p => p.DATE_V).Width(100).Encoded(false).ClientTemplate("#=kendo.toString(kendo.parseDate(DATE_V,'dd/MM/yyyy'), '" + "dd/MM/yyyy" + "')#"); ;

columns.Bound(p => p.NOMBRE);

columns.Bound(p => p.LIBELLE);

columns.Bound(p => p.REFERENCE);

})

.Scrollable(scrollable => scrollable.Virtual(true))

.Height(500)

.DataSource(dataSource => dataSource

.Ajax()

.Events(events =>

events.Error("error_handler")

)

.Model(model =>

{

model.Id(p => p.ID);

})

.GroupPaging(true)

.PageSize(50)

.Read("LoadGrid", "Test")

)

Is there something I'm missing ?

Thanks !

Grid

answered on 22 Oct 2020

1 answer

159 views

MaskedTextBox Not Showing Borders

I just upgraded to Telerik UI for ASP.Net Mvc5 v2020.3.915 and all my MaskedTextBoxes are no longer showing borders. How do I get them back?

MaskedTextBox

answered on 22 Oct 2020

1 answer

506 views

remove/hide Table Wizard button

I have a simple page with an editor, I have the "createTable" tool added but not the "tableWizard" even so the Table Wizard button still shows up.

Is there a way besides css to remove/hide this button.

$("#editor").kendoEditor({

tools: [

{

name: "fontSize",

items: [

{ text: "1 (8pt)", value: "8pt", },

{ text: "2 (10pt)", value: "10pt", },

{ text: "3 (12pt)", value: "12pt", }

]

},

"bold",

"italic",

"underline",

"strikethrough",

"superscript",

"justifyLeft",

"justifyCenter",

"justifyRight",

"justifyFull",

"insertUnorderedList",

"insertOrderedList",

"indent",

"outdent",

"createLink",

"unlink",

"insertImage",

"createTable",

"addRowAbove",

"addRowBelow",

"addColumnLeft",

"addColumnRight",

"deleteRow",

"deleteColumn",

"viewHtml"

]

});

Editor

answered on 20 Oct 2020

3 answers

282 views

Request causes exception before reaching controller: "Expected token" exception on filter attempt

Here is the post data:

sort=&page=1&pageSize=30&group=&filter=Fields%5B3%5D.Value~contains~'hello'~or~Fields%5B3%5D.Value~contains~'statement'&Query=test

The columns are dynamic so removing the iterator on the Fields collection is not an option

Please provide support for iterable column filters

Grid

answered on 20 Oct 2020

5 answers

111 views

Error: f is not construction

I have problem when using version 2020.1.114.

When I build the project locally, everything is still running normally, but when deployed to the IIS server and try to access the admin account, the error:

"f is not a constructor"

On local version of .NET Framework: 4.7.2, and on Server: 4.8

How do I handle this error?

General Discussions

answered on 20 Oct 2020