Questions on UI for ASP.NET MVC Forum

2 answers

39 views

Can I have a 2nd "GridEditMode" on same grid for subset of data?

So, I have tried this a bunch of different ways to no result. My need is I have a Grid filled with some Employees. You can do the normal things with that Employe object. Also, I want to have a Custom Command for "Edit Roles" which would popup a different EditablePopupGrid that also uses a ClientTemplate for just the Employee.Roles collection.

Can I accomplish this? My grid is using Ajax currently.

Grid

answered on 21 Apr 2016

1 answer

84 views

fill tooltip with a list in a grid column

Hi!

I need fill a tooltip with a list in a request json called from kendo grid reader, i show examples for one link or only one data, my problems is how i can get kendo data request from jquery o JavaScript or if there are other simple mode because i havent got model or other view variables, only the cast object for kendogrid it has the list in one property.

Thanks for your time.

Grid

answered on 20 Apr 2016

2 answers

212 views

Kendo grid, model bound, how to use ajax

This is my Model bound view which works.

What I need to be able to do is select a row from this grid and get its id, the id is in the vaultNidurstodur class.

From what I have gathered is that I need to use ajax, when I change from server to ajax I just get an empty grid.

How would I go about changing this to ajax ?

@model IEnumerable<VaultLeitarvefur.Models.VaultNidurstodur>
<div class="col-xs-1">
@(Html.Kendo().Grid<VaultLeitarvefur.Models.VaultNidurstodur>(Model)
.Name("grid")
.Columns(columns =>
{
columns.Bound(p => p.Verkefni).Title(VaultLeitarvefur.Models.VaultNidurstodur.Key01).Width(150);
columns.Bound(p => p.Verkefnisnumer).Title(VaultLeitarvefur.Models.VaultNidurstodur.Key02).Width(100);
columns.Bound(p => p.NanariStadsetning).Title(VaultLeitarvefur.Models.VaultNidurstodur.Key03).Width(100);
columns.Bound(p => p.EfniTeikningar).Title(VaultLeitarvefur.Models.VaultNidurstodur.Key04).Width(100); ;
columns.Bound(p => p.Teikninganumer).Title(VaultLeitarvefur.Models.VaultNidurstodur.Key08).Width(100); ;
columns.Bound(p => p.Utgafa).Title(VaultLeitarvefur.Models.VaultNidurstodur.Key13).Width(100); ;
columns.Bound(p => p.DagsetningUtgafu).Title(VaultLeitarvefur.Models.VaultNidurstodur.Key14).Format("{0:dd/MM/yyyy}").Width(100); ;
//columns.Bound(p => p.file.Name).Filterable(false);
columns.Bound(p => p.Id).Filterable(false).Visible(false);
columns.Bound(p => p.File.Name).Title("Heiti").Width(100); ;
columns.Bound(p => p.File.ModDate).Format("{0:dd/MM/yyyy}").Title("Breytingardags").Width(100); ;
})
.Events(events =>
events.Change("row_change") // handle the "change" event
)
.DataSource(dataSource => dataSource
.Server()
.PageSize(40)
.Model(model => model.Id(p => p.Id))
)
.Selectable()
.Sortable()
.Scrollable()
.Filterable()
.HtmlAttributes(new { style = "height:750px;width:1800px;" })
)
</div>

I have a controler action

public ActionResult Index()
{
List<VaultNidurstodur> returnList = CacheList();

return View(returnList);
}

that finds and returns a list of results.

Regards,

Emil

Grid

answered on 20 Apr 2016

1 answer

198 views

How to build this TabStrip example with Keno UI MVC Razor?

Here is the example.

I need 1,2,3 step tab strip validation.

http://demos.telerik.com/aspnet-ajax/tabstrip/examples/application-scenarios/wizard/defaultcs.aspx

TabStrip

answered on 20 Apr 2016

2 answers

549 views

Display Custom Markup in Grid Columns

We are using SignalR binding within our grids to display column information. One thing we would like to do is show custom markup such as a web video. How would we go about displaying a video or custom markup within a Kendo Grid Column? Specifically in the code columns.Bound(p => p.Message) below?

I'm thinking I may need to use a client template, but so far I haven't been able to get it to work.

@(Html.Kendo().Grid<DSTDBContext.Models.Core.Notification>()
.Name("NotificationHomeGrid")
.HtmlAttributes(new { style = "height: 99%;" })
.Scrollable(o => o.Height("height: 100%;"))
.Resizable(resizable => resizable.Columns(true))
.Filterable(ftb => ftb.Mode(GridFilterMode.Row))
.Sortable(sort => sort.SortMode(GridSortMode.MultipleColumn))
.Editable(editable => editable.Mode(GridEditMode.InCell))
.Pageable(pageable => pageable
.Refresh(true)
.Enabled(false)
.PageSizes(false))
.Columns(columns =>
{
columns.Bound(p => p.Id)
.Title("Actions")
.Width(65)
.Filterable(false)
.Sortable(false)
.ClientTemplate("<i class=\"fa fa-exclamation-circle fa-lg\"></i>");
columns.Bound(p => p.NotificationDate)
.Title("Date")
.Width(250)
.Filterable(false)
.Sortable(false)
.ClientTemplate("");

columns.Bound(p => p.Message)
.Title("Notification")
.Width(300)
.Sortable(true)
.Filterable(false);
})

.DataSource(dataSource => dataSource
.SignalR()
.AutoSync(true)
.Events(events => events.Push("onPush"))
.Sort(s => s.Add("CreatedAt").Descending())
.Transport(tr => tr
.Promise("notifyHubStart")
.Hub("notifyHub")
.Client(c => c
.Read("Read")
.Update("Update")
.Create("Create"))
.Server(s => s
.Read("Read")
.Update("Update")
.Create("Create")))
.Schema(schema => schema
.Model(model =>
{
model.Id(p => p.Id);
model.Field("NotificationDate", typeof (DateTime));
model.Field(p => p.Message);
}
)
)
)
)

Grid

answered on 20 Apr 2016

1 answer

138 views

Grid Popup Editor - Razor ForEach - List is null

Sample from RegistrationModel

1.public int Status {get; set;}

2.public string Batteries {get; set;}

3.public List<Batteries> BatteriesList {get; set;}

Sample from Grid

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

Sample from popup editor template

01.<h2>Batteries</h2>

02.@{

03. if(Model.BatteriesList != null)

04. {

05. <ul>

06. @foreach(var x in Model.BatteriesList)

07. {

08. <li>x.Selection</li>

09. }

10. </ul>

11. }

12.}

Model.BatteriesList is always null when the popup renders on-screen.
I know the BatteriesList is filled with data.
The other fields in my Editor Template show data.
Not sure what I am missing here.

Can you assist?

Grid

answered on 20 Apr 2016

2 answers

321 views

Shema Parse

Hello,

I want to use Datasources' schema parse but i cant find any where how it use.

ComboBox

answered on 20 Apr 2016

1 answer

240 views

Sort Kendo UI grid by Checkbox status?

I'm using Kendo grid in a MVC project. The first column is a checkbox which defines by ClientTemplate:

   .Columns(columns =>
       {
           columns.Bound(c => c.Checked).ClientTemplate(@"<input type='checkbox' class='checkbox' />").Width(50).Title("");
           columns.Bound(c => c.Id).Hidden();
           columns.Bound(c => c.FirstName);
           columns.Bound(c => c.LastName);
           columns.Bound(c => c.Company);
       })

What I want to have is: before click the header, it looks like the 1st screen shot. then make changes to the checkbox, click the header again, it will sort the row by the checkbox status, see screen shot 2.

I tried to set the 1st column sortable, but all others not sortable. Still not works. I think it is because when the data binds to the grid, c.Checked is always false. Now, if we click the checkbox, it does not change the value of that. That's why the sort does not work for this column.

How to make this work?

Thanks

Grid

answered on 19 Apr 2016

2 answers

880 views

Null reference when adding a new row to a grid.

I am getting the error: JavaScript runtime error: Unable to get property 'xxx' of undefined or null reference.

This occurs when I click the "Add New Record" in my Kendo grid.

Does this have something to do with the way the model in setup?

I was able to add a record previously when my data record was more flattened out.

Please advise.

My grid is setup as:



@(Html.Kendo().Grid<MyTest.Models.PersonModel>()
    .Name("myGrid")
    .Columns(col =>
    {
        col.Bound(x => x.Person.ID);
        col.Bound(x => x.Person.Field1);
        col.Bound(x => x.Person.Field2);
        col.Bound(x => x.Person.Field3);
        col.Command(x => {
            x.Custom("Extra Options").Click("showExtraOptions");
            x.Destroy();
        });
    })
    .ToolBar(x =>
    {
        x.Create();
        x.Save();
    })
    .Sortable()
    .Editable(x => x.Mode(GridEditMode.InCell))
    .Navigatable()
    .Scrollable(x => x.Height("auto"))
    .Filterable(x => x
        .Extra(false)
        .Mode(GridFilterMode.Menu)
        .Operators(op => op
            .ForString(str => str.Clear()
                .Contains("Contains")
                .StartsWith("Starts with")
                .IsEqualTo("Is equal to")
            )
        )
    )
    .Pageable(p => p
                .Refresh(true)
                .PageSizes(true)
                .ButtonCount(5))
    .DataSource(ds => ds
        .Ajax()
        .ServerOperation(false) // Paging, sorting, filtering and grouping will be done client-side
        .Batch(true)
        .PageSize(20)
        .Model(m =>
            {
                m.Id(x => x.Person.ID);
            })
        .Read(r => r.Action("GetPerson", "Home"))
        .Create(x => x.Action("CreatePerson", "Home"))
        .Destroy(x => x.Action("DeletePerson", "Home"))
        .Update(x => x.Action("UpdatePerson", "Home"))
    )
)

My model is:

public class PersonModel

{

public My_Person Person{ get; set; }

public List<Person_Options> PersonOptions { get; set; }

}

public class My_Person

{

public string ID{ get; set; }

public string Field1 { get; set; }

public string Field2 { get; set; }

public string Field3 { get; set; }

}

Grid

answered on 19 Apr 2016

1 answer

236 views

How export a grid to pdf with "ClientFooterTemplate" but without "tool bar"

I want export information from a Grid mvc to PDF without the tool bar but with the Client FooterTemplate, because, I have the total amount about all rows here

this is mi full code

Grid

answered on 19 Apr 2016