Questions on UI for ASP.NET MVC Forum

3 answers

358 views

Grid popup template with upload component not returning any values

I have a Grid with a popup that has an upload module. after uploading a file to the server, I want the "Success" event to populate a hidden field for the model.

The code is as follows.

GRID________________________________________________

@(Html.Kendo().Grid<BlueWebApp.Models.Note>()

.Name("NoteGrid")

.Columns(columns =>

{

columns.Bound(c => c.NoteID).Width(50);

columns.Bound(c => c.NoteText).Width(150).Title("Text");

columns.Command(c => c.Edit());

})

.HtmlAttributes(new { style = "height: 600px; width: 100%" })

.Editable(ed => { ed.Mode(GridEditMode.PopUp).TemplateName("NoteEditTemplate"); })

.ToolBar(e => e.Create())

.Pageable(pageable => pageable

.Refresh(true)

.PageSizes(true)

.ButtonCount(5))

.DataSource(dataSource => dataSource

.Ajax()

.Read(read => read.Action("GetNotes", "Note"))

.Create(c => c.Action("CreateNote", "Note"))

.Update(u => u.Action("UpdateNote", "Note"))

.Model(m =>

{

m.Id(p => p.NoteID);

})

)

EDITORTEMPLATE_______________________________

@model BlueWebApp.Models.Note

<div style="height: 100px;">

This is customized Person edit template

@Html.HiddenFor(model => model.NoteID)

<br />

@Html.HiddenFor(model => model.NoteText, new { id = "test"})

</div>

<div>

@(Html.Kendo().Upload()

.Name("files")

.Events(events => events.Success(

@<text>

function(e) {

$('#test').val(e.response.fileName);

}

</text>))

.Multiple(false)

.Async(a => a.Save("Save", "Note")

.Remove("Remove", "Note")

.AutoUpload(true)

)

</div>

<br />

When clicking the "Update" button on the popup the hidden field with id Test has been given a value. but that value is not passed to the model.

What am I doing wrong?

Upload

answered on 03 Dec 2015

5 answers

150 views

Recurrence EventTemplate

I have an event template:

I base the color on the start date of the event which works fine for all events except for those with recurrence events.

Since the parent recurrence event was set up in the past it displays the color data from the parent and not the actual recurrence event which is in the future.

How can I setup the recurrence event data when it is displayed on the scheduler?

Scheduler

answered on 03 Dec 2015

1 answer

55 views

Grouping by first row in Group instead of by "t-grouping-row"

Currently the Grid performs wonderfully as (pseudo coded the >> is the toggle button to hide/show the group).

>> Group1
Group1 - Row 1
Group1 - Row 2
>> Group2
Group2 - Row 1
Group2 - Row 2
>> Group3
Group3 - Row 1

Is it possible to remove the "t-grouping-row" and instead just have

>> Group1 - Row 1
Group1 - Row 2
>> Group2 - Row 1
Group2 - Row 2
Group3 - Row 1

Group3 - Row1 has no toggle since it's only 1 member.

The reason why is the client doesn't like the Group Row and would rather just see the full row entry as it is, but with the toggle there.

Grid

answered on 03 Dec 2015

1 answer

748 views

Image preview of files to be uploaded

Hi all.

I'd like to display a preview of the image the user selected to upload. Problem is: I can't find the complete file path to insert into an img-tag.

How can I access the file path(s) of the selected file(s)?

Kind regards

Upload

answered on 03 Dec 2015

3 answers

706 views

DataSourceRequest with Web API

I'm using ASP.NET Web API 5.2.3, and I'm having problems getting the DataSourceRequest to work properly. I followed the instructions at http://docs.telerik.com/kendo-ui/web/grid/how-to/web-api-server-operations but it appears paging and filtering options are not coming through with the request. Is the information on that page still valid for current releases?

Thanks,

Joel

General Discussions

answered on 02 Dec 2015

1 answer

314 views

Scrolling in mobile does not work properly?

I'm having some issues when it comes to scrolling the scheduler vertically in mobile when using the Mobile(MobileMode.-tablet/phone etc-).

The scheduler seems to be overriding something in the mobile browser (android, chrome) causing the scrolling to not work. I've pasted a snippet below. Scrolling works when the mobile mode is off, but if the mobile mode is off i can't create any events due to the mobile not having "double"-clicks.

01.@(Html.Kendo().Scheduler<CalendarModel>().Name("scheduler")

02. .Date(DateTime.Today)

03. .StartTime(DateTime.Today.AddHours(8))

04. .EndTime(DateTime.Today.AddHours(20))

05. .WorkDayStart(DateTime.Today.AddHours(8))

06. .WorkDayEnd(DateTime.Today.AddHours(20)).AllDaySlot(false)

07. .Min(DateTime.Today).Selectable(false)

08. .Events(e =>

09. {

10. e.DataBinding("data_binding");

11. e.Add("scheduler_add");

12. e.Save("scheduler_save");

13. })

14. .Views(views =>

15. {

16. views.DayView();

17. views.WeekView();

18. views.MonthView();

19. views.AgendaView();

20. }).Editable(e => e.TemplateId("customEditorTemplate").Move(false).Create(true).Resize(false).Update(false).Destroy(false)).BindTo(Model).DataSource(d => d.Model(m =>

21. {

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

23. m.Field(f => f.Title).DefaultValue("No title");

24. m.Field(f => f.RoomId);

25. m.Field(f => f.ErrorMessage);

26. })

27. .Create("Create", "CreateEvent")

28. ).Mobile(MobileMode.Auto))

Scheduler

answered on 02 Dec 2015

1 answer

593 views

How to access a field in a client template

Hi

I have a sum-row in my grid and I want to do a calculation with a fixed value from my database

So, passing it via the ViewModel won't work, has anyone a suggestion other than sending the value with each row of the dataset?

.ClientFooterTemplate("<div class=\"total_sum\">" + @Labels.Total + ": #= sum # = #= sum * [INSERT VALUE HERE] # €</div>");

Kind regards

Florian

Grid

answered on 02 Dec 2015

1 answer

74 views

How to retrive filtered Data From DB Server with refresh button

I evaluating your component.

I need to retrive filtered data with custom filter into custom header with refresh button click

Client:

.Pageable(p => p.Refresh(true))

.Sortable()

.Selectable()

.Scrollable(scrollable => scrollable.Height(30))

.Filterable()

.HtmlAttributes(new { style = "height:550px;" })

.DataSource(dataSource => dataSource

.Ajax()

.PageSize(20)

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

.ServerOperation(true)

.Read(create => create.Action("IncomingRead", "Grid", new { topRow = ""}))

)

Server:

public ActionResult IncomingRead([DataSourceRequest]DataSourceRequest request)

{

string virtualPath = "";

var customerWhereCondition = "";

var userIdWhereCondition = "";

var versionNumberWhereCondition = "";

var json = Helper.GetDataFromDb(virtualPath, 100, "-1", customerWhereCondition,

userIdWhereCondition, versionNumberWhereCondition, new DateTime(2015, 4, 1), DateTime.Now);

return Json(json.ToDataSourceResult(request));

}

how to set filter into request object(client) and get filter into the server for execute new query?

thankyou in advance.

Regards,

Flavio

Grid

answered on 30 Nov 2015

12 answers

5.3K+ views

MultiSelect "preselect" value, but also a default value

I want to have a MultiSelect with a default value (the name of the current user), but I also do not want to bind the data as there are far too many users to load at once.

How can I have both? Currently, the default value overrides the pre-select value.

http://docs.telerik.com/kendo-ui/aspnet-mvc/helpers/multiselect/overview#pre-select-values-on-initial-loading

MultiSelect

answered on 30 Nov 2015

1 answer

272 views

Alternative to DevExpress' GridLookup

Hi, I'm in the middle of evaluating if I'm going to switch to Telerick (currently using DevExpress) and one of the control that is critical to my project is (what they call) the GridLookup. Essentially it's a combox which the user pulls down, showing a grid from which rows can be (multi)selected http://demos.devexpress.com/MVCxGridViewDemos/GridLookup/MultiSelect

It needs to be available for MVC (not ajax) and needs to be able to bind to SignalR. I don't know if that matters but I'm using VS 2013, ASP.NET (MVC), C#.

I've played around with the multi-select and a custom multi-columns combobox but they lack the grid's extra capabilities (such as grouping, filtering, sorting, etc..).

Any chance I can get to the same result (or close) using Telerik's component(s)?

Thank you :)

General Discussions

answered on 30 Nov 2015