Questions on UI for ASP.NET MVC Forum

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

127 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

337 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

182 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

182 views

[Solved] 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

[Solved] 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

159 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

232 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

1 answer

567 views

TreeView: checkChildren property not to uncheck Parent when child unchecked

We are using kendo treeview to display hierarchial datasource in cshtml.

One of our requirement is to check/uncheck all children checkboxes when a parent is checked/unchecked, so we used checkChildren property to
achieve this.

@(Html.Kendo().TreeView()

.Name("SampleList")

.Checkboxes(chk => { chk.CheckChildren(true); })

.DragAndDrop(false)

.ExpandAll(true)

.....

But the issue is when we uncheck a child, the parent should not get unchecked, even if we have one child inside the parent.

Can you please provide jquery code snippet to achieve this?

Thanks.

TreeView

answered on 27 Jan 2015

1 answer

265 views

Drag&Drop on Gantt

Hi there
My question is about Gantt chart and ability to drag some div (pseudo task in my case) to Gantt area and drop it there, then i want to execute "task create event" and open new task window. Does MVC Gantt controls support such functionality?
Best Regards
Krzysiek

Gantt

answered on 27 Jan 2015