Questions on UI for ASP.NET MVC Forum

7 answers

469 views

Date picker elements jumpy when drilling up and down

I've noticed there's a small visual issue occurring while using the date picker when going up (clicking on the month name, clicking on the year number) or going down (clicking on the selected year, clicking on the selected month).

When you go up or down a level, the elements in opened window starts off at a size which is slightly larger than what it should be when it finishes loading, so then when the widget finishes loading, it "jumps" to thesmaller size.

This currently happens on all styling, but its the most pronounced when using the material theme (e.g. using the bootstrap theme will make the elements jump very slightly towards the bottom).

Is there a way to stop this from happening?

Thanks

DatePicker

answered on 21 Jan 2016

2 answers

158 views

TreeList Textbox Filter

Hello everybody,

I have a TreeList, which displays Data from an external DataSource. I asked my self, how I can access the filter by a textbox. I tried alot, but nothing of that worked. Is there any way to do this?

This is what i got so far:

LogEntryView:

02.<div class="form-group">

03. @(Html.Kendo().TextBox()

04. .Name("tree-text-search")

05. )

06. @(Html.Kendo().Button()

07. .Name("Search")

08. .Content("Search")

09. .Events(e => e.Click("onClick"))

10. )

11.</div>

12.@(Html.Kendo().TreeList<HrLaborRelation.Web.Models.LogEntryViewModel>()

13. .Name("Entries")

14. .Columns(columns => {

15. columns.Add().Field(f => f.EntityName);

16. columns.Add().Field(f => f.SpecifiedType);

17. columns.Add().Field(e => e.ColumnName);

18. columns.Add().Field(e => e.NewValue);

19. columns.Add().Field(e => e.OldValue);

20. columns.Add().Field(e => e.Action);

21. columns.Add().Field(e => e.CreatedBy);

22. columns.Add().Field(e => e.EntryDate).Format("{0:dd/MM/yyyy HH:mm}");

23. })

24. .Resizable(true)

25. .Reorderable(true)

26. .ColumnMenu()

27. .Filterable(true)

28. .DataSource(dataSource => dataSource

29. .Read(read => read.Action("GetEntries", "LogEntry"))

30. .Model(m => {

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

32. m.ParentId(f => f.ParentLogEntryId);

33. m.Field(f => f.EntityName);

34. })

35. )

36.)

37.//I actually don't really know what this does

38.function onClick(e) {

39. alert("Click");

40. var treeview = $("#Entries").data("kendoTreeView"),

41. searchContext = $("#tree-text-search").val()

42. alert(searchContext)

43. item = treeview.findByText(searchContext),

44. dataItem = treeview.dataItem(item),

45. nodeText = dataItem.EntityName;

46.

47. alert(nodeText);

48. while (dataItem.parentNode()) {

49.

50. alert("Iterating");

51. dataItem = dataItem.parentNode();

52. dataItem.children.filter({ field: "EntityName", operator: "contains", value: nodeText });

53. nodeText = dataItem.text;

54. }

55.}

LogEntryController:


01.namespace HrLaborRelation.Web.Controllers
02.{
03.    public class LogEntryController: BaseController {
04. 
05.        // GET: LogEntry
06.        public ActionResult Index() {
07.            return View(db.LogEntries.Where(x => x.EntityId == -1).ToList());
08.        }
09.        public JsonResult GetEntries([DataSourceRequest]DataSourceRequest request, int? id, /*string searchText*/) {
10. 
11.            var entries = db.LogEntries.Include(e => e.ColumnLogEntries);
12.            if (id.HasValue) {
13.                entries = entries.Where(e => e.ParentLogEntryId == id);
14.            }
15.            //if(!string.IsNullOrEmpty(searchText)) {
16.            //    entries = entries.Where(e => e.EntityName.Contains(searchText));
17.            //}
18.            var result = entries.ToList().Select(e => new LogEntryViewModel(e, e.ColumnLogEntries.Any()));
19. 
20.            return Json(result.ToTreeDataSourceResult(request), JsonRequestBehavior.AllowGet);
21.        }
22.    }
23.}

Thanks for your help.

Kind regards

Brian Haller

General Discussions

answered on 21 Jan 2016

3 answers

271 views

Gradient colour for event

Hi,

I have applied different colours for different events but I need to show different gradient colours or 2 colours for each event. Is there any way to do this?

Thanks in advance.

Scheduler

answered on 20 Jan 2016

1 answer

4.1K+ views

grid save event

Hi,

I have to get the values user entered on edit in the inline grid. So I have kept save event on gird and trying to access the values on the method but I am not sure how to the get the values.

@(Html.Kendo().Grid<BHEBS.Areas.Admin.Models.ContractBudgetModel.contractBudgetBUModel>()

.Name("ContractBudgetBUGrid")

.Events(e => e.Save("onSave"))

.Columns(columns =>

{

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

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

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

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

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

columns.ForeignKey(p => p.SpendPriority, (System.Collections.IEnumerable)ViewData["SpendPriority"], "Value", "Text").Width(120);

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

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

columns.ForeignKey(p => p.contractSpendPriority, (System.Collections.IEnumerable)ViewData["SpendPriority"], "Value", "Text").Width(120);

columns.Command(command =>

{

command.Edit().HtmlAttributes(new { @class = "btn-primary" });

});

})

.Pageable(pageable => pageable.Refresh(true).PageSizes(true).ButtonCount(5))

.Sortable()

.Scrollable()

.Filterable()

.Selectable()

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

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

.DataSource(dataSource => dataSource.Ajax().PageSize(10).Read(read => read.Action("ContractBudgetBU_Read", "ContractBudget").Data("additionalInfo"))

.Model(model => { model.Id(p => p.Id); model.Field(p => p.Id).Editable(false); model.Field(p => p.BusinessUnit).Editable(false); model.Field(p => p.Description).Editable(false); model.Field(p => p.ServiceType).Editable(false); model.Field(p => p.BUAuthAmt).Editable(false); model.Field(p => p.BUBudgetAmt).Editable(false); model.Field(p => p.SpendPriority).Editable(false); model.Field(p => p.contractSpendPriority).DefaultValue("Normal"); })

.Update(update => update.Action("Update_ContractBudgetBU", "ContractBudget"))))

function onSave(e) {

var data = e.values;

//I am getting error e.values is undefined.

}

Thanks,

Veena

Grid

answered on 20 Jan 2016

1 answer

142 views

Bar Chart - Error with ChartSeriesFactory

I am using asp.net mvc 6 and your example chart code below. I get an compile error on .bar - ChartSeriesFactory' does not contain a definition for 'Bar' and no extension method 'Bar' accepting a first argument of type 'ChartSeriesFactory' could be found (are you missing a using directive or an assembly reference?

I'm using your latest code 2016.1.112 trial version and set up exactly as described in your documentation.

@(Html.Kendo().Chart()
.Name("chart")
.Title("Site Visitors Stats \n /thousands/")
.Legend(legend => legend
.Visible(false)
)
.ChartArea(chartArea => chartArea
.Background("transparent")
)
.Series(series =>
{
series.Bar(new double[] { 56000, 63000, 74000, 91000, 117000, 138000 }).Name("Total Visits");
series.Bar(new double[] { 52000, 34000, 23000, 48000, 67000, 83000 }).Name("Unique visitors");
})
.CategoryAxis(axis => axis
.Categories("Jan", "Feb", "Mar", "Apr", "May", "Jun")
.MajorGridLines(lines => lines.Visible(false))
)
.ValueAxis(axis => axis
.Numeric()
.Max(140000)
.Line(line => line.Visible(false))
.MajorGridLines(lines => lines.Visible(true))
)
.Tooltip(tooltip => tooltip
.Visible(true)
.Template("#= series.name #: #= value #")
)
)
</div>

Chart

answered on 20 Jan 2016

13 answers

152 views

ASP.NET 5 MVC 6 beta 8 regressions

Hi,

I have just updated my ASP.NET 5 MVC 6 project to the beta8 using the provided beta8 2015.3.1026 nuget package for Telerik UI for ASP.NET MVC (https://www.nuget.org/packages/Kendo.Mvc/2015.3.1026).

There seems to have been many regressions in component fonctionnalities.

For instance, it is no longer possible to use Deferred initialization for grids or notifications.

@Html.Kendo().DeferredScriptsFor("grid", false)

The application does not throw any exception but the components are not initialized anymore and nothing appears...

I would suppose this is the case for all components allowing deferred initialization.

Also, it is no longer possible to use Edition (inline or popup) with grids.

I had to comment the folowing features in order for the page to not crash with a HTTP Error 502.3 - Bad Gateway

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

.Name("grid")

//.Deferred()

.Columns(columns =>

{

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

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

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

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

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

//columns.Command(command => { command.Edit().Text(" ").CancelText(" ").UpdateText(" "); command.Destroy().Text(" "); }).Width(100);

})

//.ToolBar(toolbar => toolbar.Create())

//.Editable(editable => editable.Mode(GridEditMode.InLine))

.Pageable()

.Sortable(sortable => sortable.SortMode(GridSortMode.MultipleColumn))

.Scrollable()

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

.HtmlAttributes(new { style = "margin-top:20px;height:400px;" })

.DataSource(dataSource => dataSource

.Ajax()

.PageSize(20)

.Model(model =>

{

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

})

.Sort(sort => sort.Add("Description").Ascending())

.Read(read => read.Action("Get", "Countries"))

.Create(update => update.Action("Create", "Countries"))

.Update(update => update.Action("Update", "Countries"))

.Destroy(update => update.Action("Delete", "Countries"))

.Events(events => events.Error("error_handler"))

)

General Discussions

answered on 20 Jan 2016

7 answers

132 views

Version 2016.1.112 Issues

I've just updated a project to version 2016.1.112, and now the row that the mouse pointer hovers over is highlighted (see attached image). How can this be turned off?

Also, whilst it is now possible to filter for null dates, the Boolean columns on the grid, still only offer a true/false option. Is it possible to add an is null option?

Thanks

Grid

answered on 20 Jan 2016

1 answer

95 views

Mismatched Toolbar Button Fonts

Given the grid toolbar code below, is there a reason why the Excel and PDF buttons show in a heavier font weight than the Create button?

Please see the attached bitmap.

Is there a workaround?

Ken

.ToolBar(toolbar => toolbar.Create().Text("Add new Customer"))

.ToolBar(toolbar => toolbar.Excel().Text("Export to Excel"))

.ToolBar(toolbar => toolbar.Pdf().Text("Export to PDF"))

Grid

answered on 20 Jan 2016

2 answers

86 views

formatting hash variables

I have a DateTime field in my model which I want to format. How do you do this in 'UI for ASP.NET MVC' and how do you format kendo # variables in general?

'kendo.' is not recognized in the "text/x-kendo-template", #= Applied # is and displays the full DateTime.

General Discussions

answered on 19 Jan 2016

9 answers

132 views

Monitor option for TimeLine

I'm trying to build a monitoring page for a Telerik Scheduler in MVC and trying to refresh the page every minute. I can-do a reload() every minute but was hoping for a more elegant solution. I'm trying the following code in javascript However I don't see the time-bar updating. setInterval(function () {

var scheduler = $("#ReservationsTimeLine").data("kendoScheduler");

var start = Date.now();
var end = start + 2 * 60 * 60 * 1000;

scheduler.startDate = start;
scheduler.endDate = end;
scheduler.dataSource.read();
scheduler.refresh();

}, 60000); //1 minute

Scheduler

answered on 18 Jan 2016