Questions on UI for ASP.NET MVC Forum

1 answer

123 views

Resource Image and Task/Assignment Saved Notification.

can you please tell me how can i show message when user save/update tasks or it's resource assignments ? i want to show Indication/Message to user when he performs some action on Gantt Chart,

as well as can you please tell me how can I bind more properties with resources datasource? other than Name ID Color,
i want to show resource's image as well i tried by adding extra property in my data source for resources but could'nt do it. how can i add more property in resource datasource and catch it at client side in task client template for showing image ?

i saw your client template there you have done image functionality using the ID property. i want to do it with other property not the ID property

Gantt

answered on 11 Jan 2018

1 answer

162 views

Cannot read property 'get' of undefined

i'm facing this error while saving the sub record.saving Sub task for the 1st time it does'nt show this error but for the edit time.Although the record is Edited in the database but when response is returned to client side at that this i get this error.

i have attached the image to that error

Gantt

answered on 11 Jan 2018

5 answers

582 views

Grid.Selectable() cause Uncaught TypeError: Cannot read property 'get' of null

HI

I met a error about Grid :

Uncaught TypeError: Cannot read property 'get' of null

I have test my code and found that the Selectable(true) will cause this error :

View

@(Html.Kendo().Grid(Model.ListProperty1)
.Name("ListProperty1Grid")

.Selectable(selectable =>
{
selectable.Enabled(true);
})

Javascript

var grid;
var dataSource;
//
dataSource = new kendo.data.DataSource(
{
data: ...
});
//
grid = $("#ListProperty1Grid").data("kendoGrid");
grid.setDataSource(dataSource);

Grid's BUG ?

*Telerik DevCraft UI for ASP.NET MVC R2 2017 SP1
*jquery-2.2.4.js
*jquery-2.2.4.js
*jquery-2.2.4.js

VM22852:93 Uncaught TypeError: Cannot read property 'get' of null

at makeWidgetInfo (<anonymous>:93:44)

at <anonymous>:552:33

function makeWidgetInfo(w, extended) {
var el = w.wrapper || w.element;
var ret = {
id : cacheObject(w),
type : w.options.name,
prefix : w.options.prefix,
events : w.events && w.events.length > 0 ? w.events.map(function(evname){
return makeSpecial("doclink-event", {
event : evname,
widget : w.options.name,
prefix : w.options.prefix,
});
}) : undefined,
element_tag : w.element.get(0).tagName, <<< ====== Uncaught TypeError: Cannot read property 'get' of null
element_id : w.element.attr("id"),
element_class : w.element.attr("class"),
visible : el.is(":visible"),
hasModel : !!w.dataSource,
wasInspected : w === window.$K,
};
if (typeof w.value == "function") {
ret.value = tools.safeValueForJSON(w.value());
}
if (extended) {
ret.widget = tools.safeValueForJSON(w);
ret.element = tools.safeValueForJSON(w.element.get(0));
if (w.wrapper) {
ret.wrapper = tools.safeValueForJSON(w.wrapper.get(0));
}
}
return ret;
}

Best regards

Chris

Grid

answered on 11 Jan 2018

2 answers

114 views

Can I use ValueAxis.title.rotation option?

Hi.

I know that the ValueAxis.title.rotation option is available in the Kendo UI jQuery library.

I think that there is no option to use it in ASP.NET MVC wrapper, but how do I use this option?

Chart

answered on 11 Jan 2018

3 answers

123 views

Server/Client Validation Not Occurring

Hi,

When using a complex model, validation does not occur (both client (Kendo UI) as well as server) -- only on the Editor helper; my other Kendo UI controls work fine. Any thoughts on why? I'm assuming it has something to do with the name and/or ID of the control.

I've included relevant code. Let me know if you need more info.

View:

<div class="form-group">

@Html.LabelFor(m => m.Change.Description, new { @class = "col-sm-3 control-label" })

<div class="col-sm-9">

@Html.EditorFor(m => m.Change.Description)

</div>

<div class="col-sm-offset-3 col-sm-9">

@Html.ValidationMessageFor(m => m.Change.Description)

</div>

Model:

public class CreateChangeViewModel

{

public CreateChangeModel Change { get; set; }

}

public class CreateChangeModel

{

[Display(Name = "Change Implementing")]

[Required(ErrorMessage = "You must enter a description of the change.")]

[UIHint("TextArea")]

public string Description { get; set; }

}

Editor Template (TextArea.cshtml):

@Html.Kendo().EditorFor(model => model).HtmlAttributes(new { style = "width: 100%; height: 200px;" }).Resizable(true)

Thanks!

Editor

answered on 10 Jan 2018

1 answer

303 views

Remove Rows but Not the Header Row

Problem:

I'm using columns.Select() in a grid to provide "Select All" functionality with checkboxes.

I have two rows remaining in the grid.

I manually select both. The "Select All" checkbox in the header comes on.

When I loop through to dynamically remove the selected rows from view, the following code finds the "Select All" checkbox in the header and removes the header row. I don't want that.

Question:

What do I insert in Line 2 in the jQuery code below to detect that it has found the header row and should skip removing it?
I note that the header row has a direct <thead> parent which might be a clue to distinguishing between a regular row checkbox and a header row checkbox.

Thanks for any help.

1.$("#grid").find("input:checked").each(function () {

2. // make sure this isn't the header row

3. grid.removeRow($(this).closest('tr'));

Grid

answered on 09 Jan 2018

1 answer

125 views

Upgrade issues with icons

After doing an upgrade of kendo from 2016.3 to 2017.3 i am finding issues with CSS specifically around icons...

Icons like arrows, filters, paging etc all appear to be displaying differently...

Another issue is that some icons like expand and plus seem to have disappeared totally.... they no longer appear in the code when inspecting the elements in developer tools...

screenshot examples attached...

General Discussions

answered on 09 Jan 2018

2 answers

137 views

Dynamic Name in GroupFooterTemplate

Hey there guys, i have a grid with grouped rows. Each set of grouped rows has a row called 'Total:' which consist of the summation of the values above. What i want to achieve is to have the name of each group to also appear in the total row. So rather than the static name 'Total:' i want 'People Reached Total:','People Trained Total:', 'Student Completion Total:'. I have attached an image of the grid and also provided a link to the code. Thanks

GroupedGrid

Grid

answered on 09 Jan 2018

7 answers

429 views

Various issues with column filtering....

Banging my head off a wall trying to configure column filtering in a grid within an mvc app.

Main issues are with datepicker filtering and the filter icon on each column missing.

Im pretty sure Ive the latest version of the kendo ui for mvc installed (thats another story, very confused over what to be using!)

Using the following scripts -

I used the custom builder to build kendo.custom.min and included aspnetmvc.min.js

I've attached an img of how the datepicker is displaying, and one of the missing filter icon

Missing icon works on a different screen, with a class of k-i-filter, in the case where its missing its k-filter

Grid code below:

<tbody>

@(Html.Kendo().Grid<OriginGreen.Models.CompanySearchGridViewModel.CompanyModel>()

.Name("CompaniesGrid")

.Columns(columns =>

{

columns.Bound(c => c.Name).ClientTemplate("<a href='" + Url.Action("ManageCompanies") + "/#= CompanyId #'" + ">#= Name #</a>").Title("Company Name").Width(100); //.Filterable(filterable => filterable.UI("nameFilter"));

columns.Bound(c => c.Plan_Version).Title("Plan Version").Width(100);

columns.Bound(c => c.Duration).Title("Duration").Width(100);

columns.Bound(c => c.Period).Title("AR Year").Width(100);

columns.Bound(c => c.New_Legacy_Plan).Title("New/Legacy").Width(100);

columns.Bound(c => c.Next_AR_Due_Date).Format("{0:dd/MM/yyyy}").Title("Next AR Due Date").Width(200).Filterable(f => f.UI("DateFilter"));

columns.Bound(c => c.Current_Status).Title("Current Status").Width(100);

columns.Bound(c => c.Assigned_To).Title("Assigned To").Width(100);

columns.Bound(c => c.BordBiaUserId).Title("BB Reviewer").Width(100);

columns.Bound(c => c.ThirdPartyUserId).Title("SGS Reviewer").Width(100);

})

.ToolBar(tools => tools.Excel())

.Excel(excel => excel

.FileName("Company_List_Admin.xlsx")

.Filterable(true)

.ProxyURL(Url.Action("Excel_Export_Save", "Plan"))

.AllPages(true))

.Events(e => e.DataBound("onRowBound"))

.Pageable()

.Sortable()

.Scrollable()

.Selectable()

.Filterable(filterable => filterable

.Extra(false)

.Operators(operators => operators

.ForString(str => str.Clear()

.StartsWith("Starts with")

.IsEqualTo("Is equal to")

.IsNotEqualTo("Is not equal to")

)

.ForNumber(num => num.Clear()

.IsEqualTo("Is Equal To")

.IsNotEqualTo("Is Not Equal To")

.IsGreaterThan("Is Greater Than")

.IsLessThan("Is Less Than")

)

.ForDate(dt => dt.Clear()

.IsEqualTo("Is Equal To")

.IsNotEqualTo("Is Not Equal To")

.IsGreaterThan("Is Greater Than")

.IsLessThan("Is Less Than")

)

.DataSource(dataSource => dataSource

.Ajax()

.ServerOperation(false)

.PageSize(10)

.Batch(true)

.Model(model =>

{

model.Id(c => c.CompanyId);

})

.Read(read => read.Action("DisplayAdminSearchGrid", "Plan").Type(HttpVerbs.Get))

)

</tbody>

<script type="text/javascript">

function DateFilter(control) {

$(control).kendoDatePicker();

}

</script>

Grid

answered on 09 Jan 2018

1 answer

794 views

Expand all panels programmatically on click of a button

Hi

I have a PanelBar within a Kendo Grid Custom Edit Popup.

I'd like to place a button within the popup that once clicked, allows all the PanelBar sections to be opened.

Does anyone know if this is possible?

Thanks.

PanelBar

answered on 09 Jan 2018