Telerik Forums
UI for ASP.NET MVC Forum
0 answers
74 views
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?
Saeid
Top achievements
Rank 1
 asked on 14 Apr 2013
0 answers
77 views
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"}
]);
PEIYANG
Top achievements
Rank 1
 asked on 14 Apr 2013
6 answers
260 views
I have a groupable grid which I have included a <br> it some of the column titles.
The column title displays correctly, but when I drag the column to the group area, the '<br>' is displayed in the column name.  I have attached a screen capture of the issue. 
I would be OK if the <br> 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<br>Time"))
    {
        cell.HtmlAttributes["style"] = String.Format("color: {0}",
            cell.DataItem.ArrivalTimeForeColor);
    }
    else if (cell.Column.Title.Equals("Departure<br>Time"))
    {
        cell.HtmlAttributes["style"] = String.Format("color: {0}",
            cell.DataItem.ArrivalTimeForeColor);
    }
    else if (cell.Column.Title.Equals("Arrival<br>Date"))
    {
        cell.HtmlAttributes["style"] = String.Format("background-color: {0}; color: {1}",
            cell.DataItem.ArrivalBackColor, cell.DataItem.ArrivalForeColor);
    }
    else if (cell.Column.Title.Equals("Departure<br>Date"))
    {
        cell.HtmlAttributes["style"] = String.Format("background-color: {0}; color: {1}",
            cell.DataItem.DepartureBackColor, cell.DataItem.DepartureForeColor);
    }
    else if (cell.Column.Title.Equals("Current<br>Berth"))
    {
        cell.HtmlAttributes["style"] = String.Format("background-color: {0}; color: {1}",
            cell.DataItem.CurrentBerthBackColor, cell.DataItem.CurrentBerthForeColor);
    }
    else if (cell.Column.Title.Equals("Current<br>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<br>Date");
        columns.Bound(d => d.ArrivalTime)
            .Format("{0:HH:mm}")
            .Title("Arrival<br>Time");
        columns.Bound(d => d.DepartureDate)
            .Format("{0:MM/dd/yyyy}")
            .Title("Departure<br>Date");
        columns.Bound(d => d.DepartureTime)
            .Format("{0:HH:mm}")
            .Title("Departure<br>Time");
        columns.Bound(d => d.CurrentBerth)
            .Title("Current<br>Berth");
        columns.Bound(d => d.CurrentActivity)
            .Title("Current<br>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))
     
)
Galen Giebler
Top achievements
Rank 1
 answered on 12 Apr 2013
3 answers
93 views
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
Georgi Krustev
Telerik team
 answered on 12 Apr 2013
1 answer
97 views
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?
Dimiter Madjarov
Telerik team
 answered on 12 Apr 2013
2 answers
94 views
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
Daniel
Top achievements
Rank 1
 answered on 12 Apr 2013
12 answers
100 views
Hello,
In IE9,sometimes,i get the pagination for the grid,without round buttons,insteed they are square,could you tell me why?

Regards,
Daniel
Daniel
Top achievements
Rank 1
 answered on 12 Apr 2013
11 answers
554 views
Hello!
I have DropDownList with OptionLabel
If I create new data, first element in my DropDownList  , it's text from OptionLabel
And I push SaveButton! But I don't get error : "you have not chosen 'here name of field'"!
what am I doing wrong?

Thanks for help!
Vladimir Iliev
Telerik team
 answered on 12 Apr 2013
3 answers
168 views

So may be it has no idea of the container?

Can you pass to your support team for a quick answer?

 

@(Html.Kendo().Grid<PGE.MCRM.RDC.Web.ViewModel.TCA.CustomNotionalValueVM>()

    .Name("grid")       

    .Columns(columns =>

    {       

        columns.Bound(p => p.TRADE_KEY).Title("Trade Key").Width(80);

        columns.Bound(p => p.SYS_NAME).Title("PG&E System").Width(120);

       

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

    })

    .ToolBar(toolbar =>

    {

        toolbar.Create();

        toolbar.Save();

    })   

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

    .Sortable()

    .Scrollable()

        .Filterable()

     .Events(e => e.Edit("gridEdit"))

    .DataSource(dataSource => dataSource

        .Ajax()       

        .Batch(true)

        .ServerOperation(false)

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

        .Model(model => {

            model.Id(p => p.TRADE_KEY);

            model.Field(p => p.TRADE_KEY).Editable(false);        }

            )       

                .Create(update => update.Action("SaveNotionalValues", "TCA"))

            .Read(read => read.Action("GetNotionalValues", "TCA", new { sysID = "17", userID = "", tradeKey = "" }))

                .Update(update => update.Action("SaveNotionalValues", "TCA"))

            .Destroy(update => update.Action("DestroyNotionalValues", "TCA"))

 

    )   

 

//edit event and I check it is calling this function when I click on the new created row second column

function gridEdit() {

        //handle the grid edit event to get the dropdownlist show up

                $('<input  id="SYS_NAMEID" name="SYS_NAMEID" required />').appendTo(container).kendoDropDownList({

                autoBind: false,

                dataSource: pgeSystemsDataSource,

                dataTextField: "SYS_NAME",

                dataValueField: "SYS_NAME",

                });

                $('<span class="k-invalid-msg" data-for="SYS_NAME"></span>').appendTo(container); 

            

    }

Yun
Top achievements
Rank 1
 answered on 12 Apr 2013
2 answers
68 views
Hi,

I have person details model and has address, city, state, postal code fields. Out of them the state and postal code are optional. I have not applied any external validations.
[Display(Name = "Address")]
[DataType(DataType.Text)]
[StringLength(200)]
[Required]
public string Address { get; set; }
 
[Display(Name = "State")]
[DataType(DataType.Text)]
[StringLength(100)]
public string State { get; set; }
 
[Display(Name = "Postal Code / Zip")]
[DataType(DataType.Text)]
[StringLength(10)]
public string ZipPostalCode { get; set; }

When I perform the add/edit operation through screen, i get address, state, postalcode are mandatory validation error in IE8. It works perfectly fine in IE9 and Chrome. I am using latest Kendo ASP.Net MVC build Q1 2013.

The same thing happens with my nullable foreign key. It excepts null value in IE9 and Chrome whereas gives validation error in IE8.

Thanks,
Nirav
Daniel
Telerik team
 answered on 12 Apr 2013
Narrow your results
Selected tags
Tags
+? more
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?