Questions on UI for ASP.NET MVC Forum

1 answer

661 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

782 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

83 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

617 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

894 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

842 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

732 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

389 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

15 answers

3.7K+ views

Paging: Only load data of the current page

Hi

Is it possible to implement paging in a way that the Datasource contains only the Data to display?

Lets assume i have 1 Million records, but for performance reasons i just want to load 10 at a time from sql server.

How can I tell the Grid that he's on Page 2 of X and have a total record of 1 Million (in AJAX mode)?

DECLARE @PageNumber AS INT, @RowspPage AS INT

SET @PageNumber = 2

SET @RowspPage = 10

SELECT ID_EXAMPLE, NM_EXAMPLE, DT_CREATE

FROM TB_EXAMPLE

ORDER BY ID_EXAMPLE

OFFSET ((@PageNumber - 1) * @RowspPage) ROWS

FETCH NEXT @RowspPage ROWS ONLY;

Thanks and best Regards

Giuseppe

Grid

answered on 05 Oct 2020

8 answers

306 views

Prevent open or close in onOpen and Onclose Event

I want auto open on focus for all of dropdownlists in my page.

Here is a sample for Jquery Version:

https://www.telerik.com/forums/how-to-open-dropdownlist-on-focus

I have modified this code for MVC , But there is a problem,
MVC version of dropdownList do not send event as function parameter (e) and I do not know how to do preventDefault.
any Help or suggestion?

DropDownList

answered on 05 Oct 2020