Questions on UI for ASP.NET MVC Forum

3 answers

94 views

I had issue with paging controls hiding when in high contrast mode
Here is the issue posted http://www.telerik.com/forums/grid-in-high-contrast-mode#lnE4LqKUN0K5pUZ4hdAbdg

After the fix was, now i see different problem in a page which is using same grid with changes

When there are around 1000 records, 10 show up in each view, it shows the 10 page numbers - But in high contrast mode the background of paging control has all images taken from cdn.
Not sure, how this happens !!! Please suggest a fix.
Attaching snapshots.

Grid

answered on 29 Jan 2015

2 answers

168 views

Track Changes DiffEngine with MVC

Hello. Newbie here.

I really need the track changes feature that is in the AJAX rad editor. I understand that under the hood this really uses the DiffEngine class to generate the annotated difference between two strings.

I am using MVC, and I understand that using RadEditor is really only supported in non-mvc apps, but I am hoping to just use the DiffEngine and i will take care of rendering the resulting "difference" markup result.

I would like to know how i can use the diffengine class inside an mvc app.

thanks,
jim

Editor

answered on 28 Jan 2015

2 answers

1.1K+ views

Create DropDownList using Custom Template in Grid View

Hi all,

I currently have a Grid view of rows with several properties. We have the ability to reuse components from a table and I wish to implement these feature using a dropdownlist (ideally that would show up only via inline editing). This DropDownList must be populated by a specific row's ID, so my approach is to create a custom template that will call the controller and passing the row's ID. Is it possible to call a custom template like in this Detail Template Demo?

http://demos.telerik.com/aspnet-mvc/grid/detailtemplate

Here is my HTML thus far,

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

.Name("Grid")

.Columns(columns =>

{

columns.Bound(p => p.LEXId).Hidden(true);

columns.Bound(p => p.LEXName).Title("Name");

columns.Bound(p => p.LEXDescription).Title("Description");

columns.Bound(p => p.ComponentName1).Title("Comp1");

columns.Bound(p => p.ProximityTranche1).Title("Tranche 1");

columns.Bound(p => p.ComponentName2).Title("Comp2");

columns.Bound(p => p.ProximityTranche2).Title("Tranche 2");

columns.Bound(p => p.ComponentName3).Title("Comp3");

columns.Bound(p => p.ProximityTranche3).Title("Tranche 3");

columns.Bound(p => p.ComponentName4).Title("Comp4");

columns.Bound(p => p.LEXId).ClientTemplate("myDropDownCustomTemplate");

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

columns.Command(cmd => cmd.Edit()).Title("Update");

})

.DataSource(dataSource => dataSource

.Ajax()

.Batch(true)

.ServerOperation(false)

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

.Model(m =>

{

m.Id(p => p.LEXId);

m.Field(p => p.LEXId).Editable(false);

m.Field(p => p.LEXName);

m.Field(p => p.LEXDescription);

m.Field(p => p.AllComponents);

m.Field(p => p.IsActive);

})

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

.Update(update => update.Action("EditingCustom_LexUpdate", "Home"))

)

.Pageable()

.Sortable()

.Editable(ed => ed.Mode(GridEditMode.InLine))

.Filterable()

.Groupable()

)

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

@(Html.Kendo().DropDownList()

.Name("ReuseableComponents")

.SelectedIndex(0)

.Items(items =>

{

//Call Controller and Popuplate Dropdown

// Based on LEXId

})

.ToClientTemplate()

)

</script>

DropDownList

answered on 28 Jan 2015

3 answers

116 views

Excel Auto filter and State Persistence

Hi,

The much anticipated excel like filter capability is scheduled to be release on Q1 2015. Also we know that kendo grids can support persisting it's state (including filters) via grid.options.

My question is whether the excel like filters be capable of reloading their filter status (i.e all checkboxes matching a grid filter are checked) by default, if we follow the normal save/persist techniques as outlined here.

Thanks a lot.
Chris.

Grid

answered on 28 Jan 2015

7 answers

311 views

Specifying a template when using BindTo

Is it possible to specify a template when using BindTo? I tried the following:

@(

Html.Kendo().TreeView()

.Name("treeView")

.BindTo(Model, mapping =>

mapping.For<SomeViewModel>(binding =>

binding.ItemDataBound((item, viewModel) =>

{

item.Text = viewModel.DisplayName;

})

.Children(viewModel => viewModel.Children)))

.TemplateId("some-template")

)

Specifying the template like that has no impact on the node at all. I also noticed in ItemDataBound the NavigationItem (item) has a Template property but I'm not sure what to set on it (nothing I tried worked). I also tried the Html property, but that messes up the bindings. How can I define a template?

TreeView

answered on 28 Jan 2015

1 answer

168 views

How Hide a Column?

In KendoGrid you have for example Hidden():

@(Html.Kendo().Grid<MyModel>()
.Name("cdhReservaGrid")
.HtmlAttributes(new {@class="slim-rows"})
.Columns(columns =>
{
columns.Bound("IdReserva").Hidden();
})

How do you do this in Kendo TreeList??

TreeList

answered on 28 Jan 2015

3 answers

169 views

SignalR sample

Is there an end-to-end sample for doing SignalR with the kendoScheduler? If not, I would like to request one. Thanks!

Scheduler

answered on 27 Jan 2015

2 answers

1.0K+ views

Change FilterDescriptor.Member name in the view

Hi,

How to change the FilterDescriptor.member name in the view ?

columns.Bound(e => e.Name).Filterable(true);

In the above sample, the filter will set the Member to "Name", because this is the name of the property bound to the column.
What if I want to change the member name, is that possible ??
Thanks.

Grid

answered on 27 Jan 2015

1 answer

145 views

Custom Popup Editor for Individual Cell

Hi, I'm just getting started using UI for ASP.NET MVC and love the default popup editor. I was wondering how to create a popup editor that only shows editable data for one individual cell. Right now I have cells in a column that represent a grid of 3x3 numerical values and need the ability to edit these en masse. Right now I can edit my rows easily using inline, but this column and a few others display a List<type> of items that I have to write html elements for in javascript.

.Columns(columns =>

{

columns.Bound(p => p.LEXId).Hidden(true);

columns.Bound(p => p.LEXName).Title("Name");

columns.Bound(p => p.LEXDescription).Title("Description");

columns.Bound(p => p.AllTranches).ClientTemplate("#= tranchesTemplate(data) #"); //edit these cells in a popup

columns.Bound(p => p.ComponentName1).Title("Comp1");

columns.Bound(p => p.ProximityTranche1).Title("Proximity");

columns.Bound(p => p.ComponentName2).Title("Comp2");

columns.Bound(p => p.ProximityTranche2).Title("Proximity");

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

columns.Command(cmd => cmd.Edit()).Title("Update");

})

<script type="text/javascript">

function tranchesTemplate(item) {

var html = "<table>";

for (var i = 0; i < item.AllTranches.length; i++) {

if (item.AllTranches[i]) {

if ((i % 3 == 0) || (i == 0)) {

html += "<tr>";

html += "<td>";

html += item.AllTranches[i];

html += "</td>";

} else {

html += "<td>";

html += item.AllTranches[i];

html += "</td>";

}

html += "</tr>";

html += "</table>";

html += "<table>";

html += "<tr>";

html += "<td><a class=k-button tranche-edit>Edit</a></td>";

html += "</tr>";

html += "</table>";

return html;

}

</script>

So I have all the tranches populated with the appropriate values, is there some way to quickly build out a popup 3x3 grid using jQuery? Apologies in advanced if this is answered somewhere, but my team lead is urging me to post on here. :)

Grid

answered on 27 Jan 2015

1 answer

217 views

MVC kendo Gird page Vulnerability

Hi,
I am try to looking for the solution to fix kendo Grid's vulnerability, the vulnerability had find by WebInpsect vulnerability scanner.
when the scanner send a attack post parameter like:

sort=%0d%0aSPIHeader:%20SPIValue&page=1&pageSize=6&group=&filter=&AreaId=-1&DisciplineId=-1&FieldId=-1&MajorId=-1&Keyword=

the scanner attack sort parameter, I got a error "DbSortClause expressions must have a type that is order comparable.", that seems sort parameter value problem, but I never assign sort parameter,

another problem is the scanner send another attach paramter "sort=&page=1%0d%0aSPIHeader:%20SPIValue&pageSize=6&group=&filter=&AreaId=-1&DisciplineId=-1&FieldId=-1&MajorId=-1&Keyword="
I got a exception
System.Number.StringToNumber(String str, NumberStyles options, NumberBuffer& number, NumberFormatInfo info, Boolean parseDecimal) +14345541

It's seems another Poor Error Handling issue in kendo grid.

Can any one give me some suggestion to fix those problems ?

Thanks, Regards,

Grid

answered on 27 Jan 2015