Questions on UI for ASP.NET MVC Forum

1 answer

149 views

Grid values do not seem to use the DisplayTemplate as defined. Is there something to do to get them to use them?

I suppose as an alternative I could use the ClientRowTemplate and do it that way, but seems over kill.

Grid

answered on 16 Apr 2013

2 answers

334 views

[Solved] Grid template for edit (array[])

Hello!
I want editing as here http://www.kendoui.com/code-library/mvc/grid/using-multiselect-in-grid.aspx and

I have Model:

public class ShrinkCoeffModel

{

[Display(Name = "thickness")]

public virtual int Thickness { get; set; }

[Display(Name = "wett")]

public virtual string[] Wetness { get; set; }

[Display(Name = "coeff")]

public virtual decimal[] Coeff { get; set; }

}

and Grid: (1.png)

@(

Html.Kendo().Grid(Model)

.Name("ShrinkCoeff")

.ToolBar(commands =>

{

commands.Create();

})

.Columns(columns =>

{

columns.Bound(o => o.Thickness);

for (int i = 0; i < Model.FirstOrDefault().Wetness.Count(); i++)

{

columns.Bound(o => o.Wetness[i]);

}

columns.Command(command =>

{

command.Edit();

command.Destroy();

}).Width(210).Title("Действия");

})

.Editable(editable => editable.TemplateName("Item").Mode(GridEditMode.PopUp))

.DataSource(dataBinding => dataBinding

.Server()

.Model(model => model.Id(o => o.Thickness))

.Update("Edit", "ShrinkCoeff")

.Create("Create", "ShrinkCoeff")

.Destroy("Delete", "ShrinkCoeff"))

.Pageable()

.Sortable()

.Selectable()

)

And if I click Edit I see this: 2.png

But I want :

first Wetness first Coeff
second Wetness second Coeff
..... ......

how to display also to and edit
how I can this do?

(I can pass my model to EditorTemplates and use:
@foreach(Type item in Model)
{
......)
There are other ways?)

Grid

answered on 15 Apr 2013

1 answer

156 views

Lookup list in special textbox

I want use text box in form or grid that user can only select value from special list for this action I want show button inside textbox and user click on this button an show list on data and after select special record the value of select record show on text box and popup window close.

General Discussions

answered on 15 Apr 2013

0 answers

100 views

Navigation Toolbar

Hi
I want create a page that show data of a table in form style I want use anythings like paging and arrow key to navigate between records (like grid control) on this page, kendo don't have anything for this purpose?

General Discussions

asked on 14 Apr 2013

0 answers

124 views

What operoation is equal to the sql "in" when I filter the string in grid?

For example ,I want to find the object that its id in "101,1011,1001' and name "Lucy" called filterstring.Need I have to filter 3 times?
$("#Grid").data("kendoGrid").dataSource.filter([
{ field: "id", operator: "eq", value: "101"},
{ field: "id", operator: "eq", value: "1001"},
{ field: "id", operator: "eq", value: "1001"}
{ field: "name", operator: "eq", value: "Lucy"}
]);

Grid

asked on 14 Apr 2013

6 answers

290 views

[Solved] Group header not formatted properly

I have a groupable grid which I have included a it some of the column titles.
The column title displays correctly, but when I drag the column to the group area, the ' ' is displayed in the column name. I have attached a screen capture of the issue.
I would be OK if the were replaced by a space, or if it wapped.. any suggestions?
Thanks!

Below is the razor / view code:

@model Maris.Presentation.Models.EventSummary.EventSummaryMasterViewModel

@{

ViewBag.Title = "Event Summary";

}

@(Html.Kendo().Grid(Model.Data)

.Name("EventSummary")

.DataSource(dataSource => dataSource

.Server()

.PageSize(20)

)

.CellAction(cell =>

{

if (cell.Column.Title.Equals("Name"))

{

cell.HtmlAttributes["style"] = String.Format("background-color: {0}; color: {1}",

cell.DataItem.VesselNameBackColor, cell.DataItem.VesselNameForeColor);

}

else if (cell.Column.Title.Equals("Type"))

{

cell.HtmlAttributes["style"] = String.Format("background-color: {0}; color: {1}",

cell.DataItem.VesselTypeBackColor, cell.DataItem.VesselTypeForeColor);

}

else if (cell.Column.Title.Equals("Arrival Time"))

{

cell.HtmlAttributes["style"] = String.Format("color: {0}",

cell.DataItem.ArrivalTimeForeColor);

}

else if (cell.Column.Title.Equals("Departure Time"))

{

cell.HtmlAttributes["style"] = String.Format("color: {0}",

cell.DataItem.ArrivalTimeForeColor);

}

else if (cell.Column.Title.Equals("Arrival Date"))

{

cell.HtmlAttributes["style"] = String.Format("background-color: {0}; color: {1}",

cell.DataItem.ArrivalBackColor, cell.DataItem.ArrivalForeColor);

}

else if (cell.Column.Title.Equals("Departure Date"))

{

cell.HtmlAttributes["style"] = String.Format("background-color: {0}; color: {1}",

cell.DataItem.DepartureBackColor, cell.DataItem.DepartureForeColor);

}

else if (cell.Column.Title.Equals("Current Berth"))

{

cell.HtmlAttributes["style"] = String.Format("background-color: {0}; color: {1}",

cell.DataItem.CurrentBerthBackColor, cell.DataItem.CurrentBerthForeColor);

}

else if (cell.Column.Title.Equals("Current Activity"))

{

cell.HtmlAttributes["style"] = String.Format("background-color: {0}; color: {1}",

cell.DataItem.CurrentActivityBackColor, cell.DataItem.CurrentActivityForeColor);

}

})

.Columns(columns =>

{

columns.Bound(d => d.Status);

columns.Bound(d => d.Updated);

columns.Bound(d => d.Quarantine);

columns.Bound(d => d.Name);

columns.Bound(d => d.Num);

columns.Bound(d => d.Agent);

columns.Bound(d => d.Type);

columns.Bound(d => d.Flag);

columns.Bound(d => d.CallSign);

columns.Bound(d => d.MMSI);

columns.Bound(d => d.Announce);

columns.Bound(d => d.ArrivalDate)

.Format("{0:MM/dd/yyyy}")

.Title("Arrival Date");

columns.Bound(d => d.ArrivalTime)

.Format("{0:HH:mm}")

.Title("Arrival Time");

columns.Bound(d => d.DepartureDate)

.Format("{0:MM/dd/yyyy}")

.Title("Departure Date");

columns.Bound(d => d.DepartureTime)

.Format("{0:HH:mm}")

.Title("Departure Time");

columns.Bound(d => d.CurrentBerth)

.Title("Current Berth");

columns.Bound(d => d.CurrentActivity)

.Title("Current Activity");

})

.Pageable(paging => paging

.Refresh(true)

.PreviousNext(true)

.PageSizes(new []{ 20, 40, 80, 100 })

.Input(true)

)

.Groupable()

.Sortable(sortable => sortable

.AllowUnsort(true)

.SortMode(GridSortMode.MultipleColumn))

//.HtmlAttributes(new { style = "height:100%" })

//.Scrollable()

.Filterable()

.ColumnMenu()

.Resizable(resize => resize.Columns(true))

.Reorderable(reorder => reorder.Columns(true))

)

Grid

answered on 12 Apr 2013

3 answers

118 views

Editing with cascaded combo - how to avoid initial ajax call

Hello,

I encounter a little annoying issue with cascading combos, tried couple of things but failed to obtain desired behavior so far. I hope someone can suggest a way to address the following problem.

When I edit an entity with cascaded combos (so the entity exists all properties have proper values). I BindTo the combos server side on the view creating the page, I would expect that on the client side the combos will appear with the proper text inside.. so the item with the right value will just be selected on each combo as I provided adequate items to each of them. It works properly for the first combo, but next ones that are cascaded will not use the items that I specified with BindTo on the server wrapper, instead they execute the ajax call and bring again actually the same items that I provided with BindTo. In this time I see in the combobox input the value which is a GUID and it looks really "unfinished".

What is the right way to handle this in order to achieve proper presentation of the combos when the page is just displayed (one thing that cross my mind is to wire up all cascading infrastructure on the client side - but that would defeat the goal of using MVC wrappers to deal with wiring of cascades).

Thank you
Vasile

ComboBox

answered on 12 Apr 2013

1 answer

126 views

[Solved] Put the pager somewhere else on the page using the MVC wrappers

Is there a way to put the pager control somewhere else on the page, using the MVC wrappers? It seems like the pager is always rendered after the listview. I would like to have it in a separate pane (seperated by a kendo splitter) on my page? Is this possible with the MVC wrappers, or will I have to resort to a native javascript implementation?

ListView

answered on 12 Apr 2013

2 answers

110 views

styling a column with a class

Hello,
i tried to use HtmlAttributes method on a grid command column,with the following
....
command.Edit().Text(" ").HtmlAttributes(new {@class = "min-width-class" });
and nothing happened.

Is this possible, can i put a class to this button?

Regards,
Daniel

Grid