Questions on UI for ASP.NET MVC Forum

2 answers

917 views

Length validation in cell does not work on Kendo Grid cell edit

Hello,

I defined my class field “TeamCode” as string type and it only accept 4 characters. I want edit box stop accept any characters more than it's length limitation. if user try to enter 5th character in the box the cursor should not move since max length defined on that box is 4. It works well in regular Kendo TextBox. But it does not work on Kendo grid cell when do the same thing. Length limitation does not happen in the cell except when cell lose cursor. Is anyone have an idea to make it work? (Below are partial of code). Thanks in advance.

Field in class:

[StringLength(4, MinimumLength = 4, ErrorMessage = "{0} must be 4 characters.")]

[DisplayName("Team Code")]

public string TeamCode { get; set; }

Code take action in individual textbox:

@Html.Kendo().TextBoxFor(model => model.TeamCode).HtmlAttributes(new { maxlength = 4})

Code does not take action in Kendo Grid cell editor:

...

columns.Bound(m => m.TeamCode).Width(100).HtmlAttributes(new { maxlength = "4"});

...

Grid

answered on 07 Oct 2020

6 answers

508 views

Changing the Step

function poWizardReset(e) {

if(e.sender.currentStep.options.index === 0) {

$initPo.val('');

$initPart.val('');

$initLineItem.value('');

$initAckId.value(0);

}

if (e.sender.currentStep.options.index === 1) {

$initVerifyPo.val('');

$initVerifyStockRoom.val('');

$initVerifySupCode.val('');

$initVerifySupName.val('');

$initVerifyLineItem.val('');

$initVerifyPart.val('');

$initVerifyUoM.val('');

$initVerifyAllowed.value(0);

}

if (e.sender.currentStep.options.index === 2) {

$finalPart.val('');

$finalPo.val('');

$finalLineItem.val('');

$finalAllowed.value(0);

$finalPrinterId.value(0);

$finalPackingSlip.val('');

$finalQuantity.value(0);

$finalCarrierTracking.val('');

$finalCarrierId.value(0);

$finalMulti.checked(false);

}

if (e.sender.currentStep.options.index === 3) {

}

On the reset button click and the corresponding event, how would I navigate between the steps?

Wizard

answered on 07 Oct 2020

1 answer

735 views

Input Group

How can I have two or more TextBoxes in same line?

<div class="form-group row">

@Html.LabelFor(m => m.MobileNumber, new { @class = "col-sm-2 col-form-label" })

<div class="col-sm-4">

@Html.TextBox("MobileNumberPrefix", "+9715", new { @class = "k-textbox", style = "width: 28%;", @readonly = "readonly" })

@Html.TextBoxFor(m => m.MobileNumber, new { maxlength = "8", @class = "k-textbox", style = "width: 100%;", placeholder = "9715XXXXXXXX" })

</div>

@Html.LabelFor(m => m.UserEmail, new { @class = "col-sm-2 col-form-label" })

<div class="col-sm-4">

@Html.TextBoxFor(m => m.UserEmail, new { maxlength = "150", @class = "k-textbox", style = "width: 100%;", placeholder = "Email Address" })

</div>

I want to show MobileNumberPrefix and MobileNumber together in the col-sm-4

TextBox

answered on 07 Oct 2020

1 answer

790 views

SignalR Refresh OnConnected not called

Following the exact example here:

https://github.com/ftamminga/KendoUISignalRApp/blob/master/KendoUISignalRApp/Views/Home/Index.cshtml

My application works on initial load (e.g. create, destory, etc) but if I refresh the page (f5), OnDisconnected gets called by the client never reconnects. But if I had the empty client side method, it works:

hub.client.create = function () { console.log('create1'); };

I would think setting the client side kendo grid properties (e.g. Read, Create, Destroy, Update) would created/binded to the necessary client side methods. Am I doing something wrong?

Grid

answered on 07 Oct 2020

1 answer

88 views

How to integrate SplitView on existing ASP.Net MVC application

Hello,
I needed splitview for my existing asp.net mvc application. Since this feature is not in bootstrap, I want to integrate the splitview structure of kendo into my home / index page. But I could not find an example exactly like the link(https://demos.telerik.com/kendo-ui/m/index?&_ga=2.175873698.1093150333.1601874386-452789549.1601620086#splitview/index). Is there a version of the same example in the link made in mvc?

If I can integrate a structure like in the link into my home index page, I am thinking of buying the license of Kendon.

SplitView

answered on 07 Oct 2020

5 answers

625 views

Scaffolding no longer visable in Controller area

Hi, I used to be able to do my controller and Grid by right clicking on controller add new controller and a bunch of telerik options would pop up that allowed me to add it all with ease. I no longer have that option. I used to have a area called "Other" that was there also, and it's not available. Did you guys get rid of it? I'm using 2019 Profession VS.

General Discussions

answered on 06 Oct 2020

1 answer

935 views

Handling Large Number of Records on Grid

Hi

I'm just wondering if this is possible to achieve in telerik grid, i have a grid that handles transactions record that surely will have huge number of records thousands or maybe millions, i have pagination allowed, here is the question, is this possible to read for example 10 records per page literally in the database but display also the number of pages and total records?

Grid

answered on 06 Oct 2020

6 answers

857 views

Retrieve only rows needed for the current page

Hi

I have this grid. It retrieves 3000+ rows every time opened. It only shows 1st 20 rows. Is there a way to retrieve rows as needed?

Say retrieve 1st 20 rows and then next 20 if user clicks on page 2?

@(Html.Kendo().Grid<PartnerLink.Models.CaseMainGridDisplay>

()

.Name("grid")

.Columns(columns =>

{

columns.Bound(c => c.ASSIGNMENT_ID).Hidden(true);

columns.Bound(c => c.CASE_REFERENCE).Title("Case Ref").Width(105);

columns.Bound(c => c.FIRST_NAME).Title("First Name");

columns.Bound(c => c.SURNAME).Title("Last Name");

columns.Bound(c => c.status).Title("Status");

columns.Bound(c => c.DaysAtStatus).Title("Days At Status").Width(135);

columns.Bound(c => c.CallAgent).Title("Call Agent");

columns.Bound(c => c.CustomerAdvisor).Title("Customer Advisor");

columns.Bound(c => c.DATE_CREATED).Title("Created On").Format("{0:dd/MM/yyyy}");

})

.Events(evt => evt.Change("onChange").DataBound("onDataBound"))

.Scrollable()

.Groupable()

.ToolBar(tools =>

{

if (isExcel)

{

tools.Excel();

}

})

.Excel(excel => excel

.AllPages(true)

.FileName("CasesList.xlsx")

.Filterable(false)

.ProxyURL(Url.Action("Export_Excel", "Home"))

)

.Sortable()

.Resizable(resize => resize.Columns(true))

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

.Selectable(selectable => selectable

.Mode(GridSelectionMode.Single)

.Type(GridSelectionType.Row))

.Pageable(pageable => pageable

.Refresh(true)

.PageSizes(true)

.ButtonCount(5))

.DataSource(dataSource => dataSource

.Ajax()

.Sort(sort => sort.Add("ASSIGNMENT_ID").Descending())

.Read(read => read.Action("Assignments_Read", "Home").Data("filterParams")))

);

Grid

answered on 06 Oct 2020

7 answers

752 views

How to retrieve scheduler current date range in C#?

Hi,

May I know how to retrieve Kendo Scheduler current date range in C# code?

I need to date range so I can populate the date in another detail table.

Thank you.

Scheduler

answered on 06 Oct 2020

4 answers

401 views

Editor show RTF Text

Hi,

is it possible to show Word RTF Text inside this editor (bcz when I do I get all the RTF Stuff printed out and not processed) ?

And if not, is there any way to display RTF Text inside one of your components ? (I tried the new component you added which converts html to rtf, but its not always converting my stream text correctly - I guess I am missusing that component by just trying to convert text, but I tried my luck :)

Regards

Editor

answered on 06 Oct 2020