Questions on UI for ASP.NET MVC Forum

2 answers

164 views

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

280 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.2K+ 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

144 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

154 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

136 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

99 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

91 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

136 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

7 answers

1.0K+ views

Is it possible to remove "k-textbox" class from MaskedTextBox?

Hello everyone,

Is it possible to remove the "k-textbox" class from MaskedTextBox? I have my own Bootstrap/Material Design input class.

<div class="form-group form-group-material-light-blue">
@(Html.Kendo().MaskedTextBox()
.Name("phone_number")
.Mask("(999) 000-000-000")
.HtmlAttributes(new {@class = "form-control floating-label mdc-text-grey-700"})
)
</div>

But still after the page renders "k-textbox" gets added automatically.

Please advice,

Alex

MaskedTextBox

answered on 18 Jan 2016