Questions on UI for ASP.NET MVC Forum

1 answer

161 views

Hi,

I have question that in my project there are different test cases and i want to generate new chart for each of this test case.I tired placing for loop before the kendo chart in the view for each of different test case but only one chart is generated.The datasource o this chart is using ajax binding.How do i get different charts for same datasource using different parameters passed to the action method?

Chart

answered on 03 Mar 2014

1 answer

107 views

Kendo Grid Incell edit after virtual scrolling changed values flag not showing

I am having grid with virtual scroll and Batch editing functions.
If, I make some value changes on first row it shows red mark. After scrolling the grid (on virtual scroll call), that red mark gets removed. Value remain changed, but, red mark gone from a cell.

Grid

answered on 03 Mar 2014

1 answer

38 views

where is the solutuon file for the MVC demo?

Could anyone provide a link for the demo solution file so I can have a look at the views etc.

Thanks

John

Grid

answered on 03 Mar 2014

2 answers

190 views

Clear grid ClientFooterTemplate

Hello,

I currently have a clear grid button and the following code clears the rows from the grid:

$("#studentGrid").data('kendoGrid').dataSource.data([]);

But my problem is, I have a ClientFooterTemplate with totals. How do I clear the ClientFooterTemplate in a javascript call? I could do it on the DataBound event, but just don't know how to clear that footer.

Thanks...

Grid

answered on 02 Mar 2014

7 answers

859 views

Kendo Grid - Data Annotations Validations

I am working on a UI where I am editing grid in an Ajax Popup Edit. The following data annotations do not work as expected in the popup edit:

[DataType(DataType.Password)]
[Display(Name = "Confirm password")]
[Compare("Password", ErrorMessage = "The password and confirmation password do not match.")]
public string ConfirmPassword { get; set; }

[StringLength(100, ErrorMessage = "The {0} must be at least {2} characters long.", MinimumLength = 6)]
[DataType(DataType.Password)]
[Display(Name = "Password")]
public string Password { get; set; }

[StringLength(500, ErrorMessage = "Image path cannot be more than 500 characters.")]
[Display(Name = "Image path")]
[DataType(DataType.ImageUrl)]
[RegularExpression(@"^http(s?)\:\/\/[0-9a-zA-Z]([-.\w]*[0-9a-zA-Z])*(:(0-9)*)*(\/?)([a-zA-Z0-9\-\.\?\,\'\/\\\+&%\$#_]*)?$", ErrorMessage = "Image path format is incorrect.")]
public string ImagePath { get; set; }

Currently for Add/Edit both, I am getting a minimum password length should be 6. Also both for Add and Edit I get "Image path format is incorrect" even when there is nothing typed in that field

In addition to the above
On Edit - I do not want the password to be required. On New I want password to be required.

Thanks

Grid

answered on 28 Feb 2014

1 answer

227 views

Telerik Grid Custom Binding:Grouping on Complex Property

i have implemented Custom Binding.I get error like "object reference not set to an instance of an object" when Group a column which is complex Type(Order.Name).

public static IEnumerable<AggregateFunctionsGroup> BuildInnerGroup<T, TObject>(IEnumerable<TObject> group, Func<TObject, T> groupSelector, Func<IEnumerable<TObject>, IEnumerable> innerSelector)
{
return group.GroupBy(groupSelector)
.Select(i => new AggregateFunctionsGroup
{
Key = i.Key,
Items = innerSelector(i)
});
}

public static Func<IEnumerable<TObject>, IEnumerable<AggregateFunctionsGroup>> BuildGroup<T, TObject>(Func<TObject, T> groupSelector, Func<IEnumerable<TObject>, IEnumerable<AggregateFunctionsGroup>> selectorBuilder)
{
var tempSelector = selectorBuilder;
return g => g.GroupBy(groupSelector)
.Select(c => new AggregateFunctionsGroup
{
Key = c.Key,
HasSubgroups = true,
Items = tempSelector.Invoke(c).ToList()
});
}

public static IEnumerable<AggregateFunctionsGroup> ApplyGrouping<T>(this IQueryable<T> data, IList<GroupDescriptor> groupDescriptors)
{
Func<IEnumerable<T>, IEnumerable<AggregateFunctionsGroup>> selector = null;
foreach(var descriptor in groupDescriptors.Reverse())
{
var tempDescriptor = descriptor;
if(selector == null)
selector = g => BuildInnerGroup(g.Select(p => p), p => p.GetType().GetProperty(tempDescriptor.Member).GetValue(p, null), i => i.ToList());
else
selector = BuildGroup(p => p.GetType().GetProperty(tempDescriptor.Member).GetValue(p, null), selector);
}

return selector != null
? selector.Invoke(data).ToList()
: null;
}

For simple field it is working well.When I Group a field with complex type(Order.Name) i get the above error in ApplyGrouping function.In debug mode i see in ApplyGrouping function,the tempDescriptor.Member property value is Order.Name.I need to Split the property on dot(.) and make the grouping(like in the sorting which i already implemented for complex type). Please give a suggestion for grouping.i post the same issue in StackOverflow

http://stackoverflow.com/questions/22023649/telerik-grid-custom-bindinggrouping-on-complex-property

Sabbir

Grid

answered on 28 Feb 2014

4 answers

623 views

[Solved] Delete Record on Confirm popup

Hi guys, I have this grid:

@(Html.Kendo().Grid<Entity>(Model)

.Name("valueGrid")

.ToolBar(commands => commands.Create().Text("Add new value"))

.Columns(columns =>

{

columns.Bound(c => c.DOMAINID).Visible(false);

columns.Bound(c => c.CODE);

columns.Bound(c => c.VALUE);

columns.Command(command => { command.Edit().UpdateText("Save"); command.Destroy().Text("Delete"); });

})

//.Events(e => e.SaveChanges("OnSaveChanges"))

.Sortable()

.Scrollable()

.DataSource(dataSource => dataSource

.Ajax()

//.Events(e => e.Error("OnDatasourceError"))

.ServerOperation(false)

.Model(m => m.Id(v => v.CODE))

.Update(update => update.Action("UpdateValue", "DomainValue"))

.Create(create => create.Action("CreateValue", "DomainValue"))

.Destroy(delete => delete.Action("DeleteValue", "DomainValue"))

)

and I noticed that the delete action is called as soon as the user click on remove command, even if the confirmation popup is displayed.
I need to invoke the action only on the confirm from the user. I search a bit online but everyone is doing this with a custom popup.
I remember, however, that in another project I've done that automatically, but I wasn't using MVC back there.

Thanks
Fabio

Grid

answered on 28 Feb 2014

3 answers

224 views

Multi-line columns aren't rendered properly by scroll view

See gif,

There are 10 rows, but I can't scroll any further, I believe the JS isn't calculating the multi-line column height correctly.

Grid

answered on 28 Feb 2014

1 answer

368 views

select first row in a grouped grid

So I have a kendo Grid and a datasource populated by an ajax call.

the grid has groupable set to true.
when someone groups by a column I'd like to automatically select the first row in the first group. I also have a button somewhere outside the group which needs to do the same this.

I am basically trying to make sure the first row in the grid is selected whatever the user is doing, group or not.

grid.table.find('tr:first'); this line correctly identifies the first row BEFORE any group is added but if I try that after the grouping is done it will simply return the first group's header and it's not what I need.

How can I achieve this?

Grid

answered on 27 Feb 2014

2 answers

89 views

[Solved] Local Data Configuration Issue Or IE Bug

I recently switched my grid from using the .Read() method to binding to local data. My grid works fine when there are no items in my IEnumerable to start with. When I have an item in my IEnumerable, I see two grid areas in IE9, and the submit buttons on my form don't work. I don't see this behavior in Firefox 27.0.1 or in Chrome. If I switch back to using the .Read() method the grid displays fine, but I would like to use the local option. Do I have a configuration issue in my grid that only affects IE with local data, or is this an IE bug? I have attached an image of how the grid is rendered in IE 9.

Here is my grid configuration:

@(Html.Kendo().Grid<AccountManagement.Business.ViewModels.Areas.DM.RehireDocumentSettingViewModel>(Model.RehireDocuments)

.Name("DocumentSettings")

.Columns(columns =>

{

columns.Bound(ds => ds.Form)

.ClientTemplate("#= data.Form.Description #" +

"<input type='hidden' name='DocumentSettings[#= index(data)#].Form.FormID' value='#= data.Form.FormID #' />"

);

columns.Bound(ds => ds.DocumentDateType)

.ClientTemplate("#= DocumentDateType.Description #" +

"<input type='hidden' name='DocumentSettings[#= index(data)#].DocumentDateType.RehireDocumentDateType' value='#= DocumentDateType.RehireDocumentDateType #' />"

);

columns.Bound(ds => ds.RemoveIfOlderThanDays)

.ClientTemplate("#= RemoveIfOlderThanDays #" +

"<input type='hidden' name='DocumentSettings[#= index(data)#].RemoveIfOlderThanDays' value='#= RemoveIfOlderThanDays #' />"

);

columns.Command(command => command.Destroy());

}

)

.ToolBar(toolbar =>

{

toolbar.Create().Text(AccountManagement.Resources.AccountManagementResources.AddRehireDocumentSettingButtonText);

})

.Navigatable()

.Sortable()

.Scrollable()

.Editable(editable => editable.Mode(GridEditMode.InCell))

.DataSource(dataSource => dataSource

.Ajax()

.Batch(true)

.ServerOperation(false)

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

.Model(model =>

{

model.Id(ds => ds.Form.FormID);

model.Field(ds => ds.Form).DefaultValue(

ViewData["defaultForm"] as AccountManagement.Business.ViewModels.Areas.DM.FormViewModel);

model.Field(ds => ds.DocumentDateType).DefaultValue(

new AccountManagement.Business.ViewModels.Areas.DM.RehireDocumentDateTypeViewModel() {

RehireDocumentDateType = AccountManagement.Models.RehireDocumentDateType.DateTypeNotSpecified

}

);

}

)

Thanks,
Brian

Grid

answered on 26 Feb 2014