Questions on UI for ASP.NET MVC Forum

9 answers

300 views

Hi

I have question to you how I can pass id to my custom popup.
The whole problem is that I need to load specific data to my dropdownlist. and I need pass id off item which is in edition.

I tried:

use JavaScript function in .Data("passCategoryId") but I don't know how to get item clicked to edition. I tried setup id in onEdit event in TreeList but it is call afer function passCategoryId...
I tried also go this way but also when I check passed value is null

@Html.Kendo().DropDownListFor(m => m.Level).DataTextField("Text").DataValueField("Value").DataSource(dataSoruce => dataSoruce.Read(read => read.Action("LoadPosibleOrderDll", "ProductCategories", new { categoryId = Model.ParentCategory })))

model of tree list

.Model(model => { model.Id(p => p.Id); model.ParentId(p => p.ParentId); model.Field(p => p.Id).Editable(false); model.Field(p => p.Level); model.Field(p => p.ProductCategoryOrder); model.Field(p => p.Parent.Name); model.Field(p => p.OrderPosibilities ); })

TreeList

answered on 11 Sep 2015

1 answer

111 views

Cascading ComboBox Datasource empty when browser back button is used

I am storing the values selected with my Cascading ComboBoxes in the local storage so it will remember what they have chosen. The problem is when the browser back button in clicked, the Cascaded combobox's Datasource is empty so when I set the value it just puts the # in the drop down instead of showing the selected item.

From what I can tell it is not calling the read method when the back button is pressed and is not cacheing the list since I am using ServerFiltering. I have even tried manually calling the read method of the datasource in JavaScript but to no avail.

How can I get this list to re-populate when the back button is used?

<div class="col-md-6">

@(Html.Kendo().ComboBox()

.Name("Clients")

.DataValueField("ClientId")

.DataTextField("ClientName")

.Placeholder("Select Client...")

.Filter(FilterType.Contains)

.Events(events => events.Cascade("Clients_cascade").Change("Clients_change"))

.DataSource(ds => ds

.Read(read => read.Action("GetClients", "Home")))

)

</div>

<div class="col-md-6">

@(Html.Kendo().ComboBox()

.Name("Projects")

.DataValueField("ProjectId")

.DataTextField("ProjectName")

.Placeholder("Select Project...")

.Filter(FilterType.Contains)

.AutoBind(false)

.CascadeFrom("Clients")

.Events(events => events.Change("Projects_change"))

.DataSource(ds => ds

.Read(read => read.Action("GetProjectsForClient", "Home").Data("FilterProjects"))

.ServerFiltering(true)

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

)

</div>

ComboBox

answered on 11 Sep 2015

6 answers

318 views

Custom Command not firing Row Select Event

We were using Kendo Grid ever since and the normal process is that the when clicking the custom command it would also fire the Row Select Event but now that we've upgraded our Kendo version to support IE11 that process has changed. Clicking the Custom Command does not fire the Row Select Event anymore. Is there anyway to incorporate it back again?

Grid

answered on 11 Sep 2015

1 answer

131 views

How to keep new window in a defined div. Currently it is rendered outside.

Currently When i try to render a window using Kendo.Window, it is rendered outside a defined div. How to render a kendo window inside a given div?

Window

answered on 10 Sep 2015

2 answers

558 views

Pre-filter in dynamic kendo grid

I have worked based on : .Filter(filter => filter.Add(/* your filter rule */)) , that I found in here.

My code is :

var grid =
Html.Kendo().Grid<dynamic>().Name(Model.Current.Id).HtmlAttributes(new
{

// lot of stuff

}

grid.DataSource(ds =>
{
var ajaxDsBuilder = ds.Ajax();
ajaxDsBuilder.Model(model => model.Id("ID")).Events(ev => ev.Error("gridOnError")).ServerOperation(Model.Current.LazyLoading);

// mode code

var cols = Model.Current.Columns.ToList();

foreach (var col in cols)
{

ajaxDsBuilder.Sort(sort => sort.Add(col.Name).Ascending()); // this works perfect for pre-sorting ( col.Name = the column name )

ajaxDsBuilder.Group(grp => grp.Add(col.Name, typeof(string))); // this the same works great for pre-grouping

but when I try this:

ajaxDsBuilder.Filter(f => f.Add(c=> c.col.Name).IsEqualTo("TEST")); 

I get : Error309 An expression tree may not contain a dynamic operation

if I try: ajaxDsBuilder.Filter(f => f.Add(c=> col.Name.ToString()).IsEqualTo("TEST")); // I am overriding ToString() to give me the name of column

I get : Internal server error

if I try: ajaxDsBuilder.Filter(f => f.Add(c=> col.Name).IsEqualTo("TEST"));
I get : Property with specified name: col.Name cannot be found on type: System.Data.DataRowView

I have also worked with lambda expressions, but I have pretty much the same errors.

My grid has to be dynamic, so I can't change that.

Any help?

Grid

answered on 10 Sep 2015

8 answers

1.7K+ views

Passing parameters to the grid create action

Hello.

I am using the following:

Asp.net MVC 5

Ajax binding

Inline Editing

I need to pass a value to to the grid so it is populated automatically (see attached screenshot). I have google'd looked at these forums, but the following doesn't seem to populate the value in the grid.

.Read(read => read.Action("CustomerClass_Read", "CustomerClass").Data("{ CustomerId: " + @Model.CustomerId + "}"))

I know how to do this with through an Actionlink:

@Html.ActionLink("New", "Create", "ShipTo", new { CustomerId = Model.CustomerId }, new { @class = "btn btn-default btn-sm" })

Please advise.

Thanks

Grid

answered on 09 Sep 2015

4 answers

1.6K+ views

Convert utc server date to local time

Anyone know how I can display a utc date/time I'm getting from my server as the user's local time? I'm putting this date/time in a ClientRowTemplate if that matters.

Grid

answered on 09 Sep 2015

1 answer

536 views

Kendo Inline Editor selected text background color

Hello,
I have a problem with setting the selection color in Kendo Editor in inline mode.
What I've discovered is that if a text inside the editor is not formatted everything is fine (meaning, selecting text with mouse highlight it with system defined color). Eveything breaks when add some styling. Bolding or underscoring text results in while color when selecting text.

I've observed the same issue on Components page (http://demos.telerik.com/kendo-ui/editor/inline-editing)

What could be the solution for this issue?

Editor

answered on 09 Sep 2015

4 answers

483 views

Add a sparkline column to a grid

I'm trying to add a sparkline column into a grid.
I've tried using a client template to do this, but it just shows [object HTMLScriptElement] in the column, rather than the chart.

I have a template:-

<script id="sparkTemplate" type="text/kendo-tmpl">

@(Html.Kendo().Sparkline()

.Name("temp-log_#=ID#")

.Type(SparklineType.Column)

.Tooltip(tooltip => tooltip.Format("{0} °C"))

.Data(ViewBag.TemperatureData)

.ToClientTemplate()

)

</script>

This doesn't yet have pass any parameters to the controller - but obviously this will be needed as well.
The grid is:-

@(Html.Kendo().Grid<CMS_2013.Models.CMSSummaryOne>()

.Name("tabGrid")

.Columns(columns=>

{columns.Bound(p=>p.DivisionName).Title("Division");

columns.Bound(p => p.Specialty).Title("Specialty");

columns.Bound(p => p.Activity).Title("Activity");

columns.Bound(p => p.Plan).Title("Plan");

columns.Bound(p => p.Variance).Title("Variance").ClientTemplate("#= formatNumber(Variance) #");

columns.Bound(p => p.Variance).Title("Variance").ClientTemplate("#=sparkTemplate#");

})

.Pageable()

.Sortable()

.Selectable()

.DataSource(dataSource=>dataSource

.Ajax()

.PageSize(5)

.Read(read=>read.Action("GetTableData","Dashboard")

.Data("chartFilter")

)

What's the best way to embed a chart into a column - I specifically want the chart in a column and not a detail template - something a sparkline looks ideal for.

Thanks

Sparkline

answered on 08 Sep 2015

3 answers

95 views

I need to extend my model with a one-to-many realtion, how do I do that?

Hello

I have a grid displaying workitems and the last action taken for a workitem, recently I discovered that I need to extend this to include a history of actions stored in a separate table in the db.

the two tables looks like this:

workItem
id
name
lastActionDate
lastActionText

workAction
id
workItemID
actionDate
ActionText

My model currently looks like this:

public class workItemModel

{

public int id { get; set; }

public string name{ get; set; }

public DateTime lastActionDate{ get; set; }

public string lastActionText{ get; set; }

}

and my read action for the grid looks like this: