Hi, I'm trying to get this: http://demos.telerik.com/aspnet-mvc/grid/detailtemplate

except I don't need the tabstrip. So what I want is just the grid. Is that possible because when I try to do this with just a grid, I get an empty row with no data.

Thanks,
Jokull

Hi, I am trying to customize my mvc grid, here is the image https://ufile.io/6c1xf

1. No header, the columns.bound to customize instead of c.name

2. How to put edit and delete into 1 column?

3. How to call javascipt in string not integer?

@(Html.Kendo().Grid<iOneDistribution.Web.Models.Users.UserViewModel>()
      .Name("grid")
      .Columns(columns =>
      {

           //1. header must be able to customize.

           //3.  it doesn't call the datagrid as this must be in string not integer
           columns.Bound(c =>
             c.Name).ClientTemplate(
                      "<a style='cursor:pointer' onclick='getEditView('#=UserCode#');' " +
            ">EDIT</a>").Width("90");

         //  2. it is in the other column, i want to put into 1 column with the edit

         columns.Command(command =>
          {
              command.Destroy().Text(" ");
          }).Width(100);
          columns.Bound(c => c.Name);
          columns.Bound(c => c.Email);
          columns.Bound(c => c.MobilePhone);
          columns.Bound(c => c.OfficePhone);
          columns.Bound(c => c.HomePhone);
          columns.Bound(c => c.UserPosition);
          columns.Bound(c => c.IsSalesPerson);
          columns.Bound(c => c.IsPurchaser);
          columns.Bound(c => c.IsActive);
          columns.Bound(c => c.IsAllowApprove);
          columns.Bound(c => c.DefaultCulture);
      })
      .Pageable()
      .Sortable()
      .Filterable()
      .Scrollable()
      .DataSource(dataSource => dataSource
          .Ajax()
          .PageSize(20)
          .Model(model => model.Id(u => u.UserCode))
          .Read(read => read.Action("Users_Read", "Users"))
          .Destroy(update => update.Action("Destroy", "Users"))
      )
)

Hello,

My Kendo menu has 3 items. First is an Icon , second is a text "Adress suchen" and third is another Icon with Sub menuitems. Using following Stylesheet i could achieve partially but i cannot Center align the text of manu. Also the left side Icon is outside the menu width.

@(Html.Kendo().Menu()
.Name("menuImages")
.Items(items =>
{

items.Add().Text("<span class=\"k-icon k-i-menu\"></span> ").HtmlAttributes(new { id = "mnuMain" }).SpriteCssClasses("k-icon k-i-menu").Encoded(false)
.Items(children =>
{
.....
children.Add().Text("Alle Objekte Anzeigen");
});            
items.Add().Text("Adressen suchen").HtmlAttributes(new { id = "mnuTitle" }).ContentHtmlAttributes(new { @style = "text-align:middle;" });
items.Add().Text("<span class=\"k-icon k-i-grid\"></span> ").HtmlAttributes(new { id = "mnuHome" }).SpriteCssClasses("k-icon k-i-grid").Encoded(false);


})

My css is

ul.k-widget.k-menu-horizontal > .k-item
{
float: right;
}
#menuImages > .k-last {
float: left;
width:40px;
}

So i want both Icon items left and right aligned and middle one text Center aligned

Thanks

Anamika

Hi,

In button click event inside the script will call $("#grd").data("kendoGrid").dataSource.read(); 

script for Grid databound

function onDefaultSelect(e) {
    
    var rows = e.sender.tbody[0].rows;
    $(rows).each(function (e) {
        var grid = $("#grd").data("kendoGrid");
        var row = this;
        var dataItem = grid.dataItem(row);        
        grid.select(row);
    });    
    var getValue = this.selectedKeyNames().join(",");
}

When I button click  the selectedKeyName value is getting correct. When I button click again, the selectedkeyvalue is not changed, it getting old value. Is there any missing script ??

Regards

Suman

How to include filter options in the header template for a grid when exporting to PDF. For example, if user has filtered a grid column by say username = 'John', I need to change the header template to contain the text 'Sorted by username: John' in the PDF header.

The filter options should only be displayed in the exported files and not in the webpage. Can it be implemented in both - JavaScript and asp.net?

Hello there guys, i need your help. i have a batch edit grid view. And when i click on particular cell, i get the correct column name  of the clicked cell as long as the grid is un-grouped. When i group the columns in the grid, the name are all wrong.

Here is my grid

How do i get the correct column name of the cell that was clicked?. Thank

Hello,

I have two grids (#Grid1 and #Grid2) with a field "Column"
I need the field "Column" in the second grid to has a value less than a value from page.
According to this topic:
http://demos.telerik.com/aspnet-mvc/grid/editing-custom-validation
I just have to write "$.extend(true, kendo.ui.validator" and "a rule", but it will affect two grids
So a question sounds like: "How to write a validation rule that will affect only one grid in page?"

Hello,

In my Kendo mobile app in MobileLayout Header i want a Dropdown menu on right handside. To achieve this i am using MobileNavBar in Header and tried to put a menu inside. But it does not work. In attached Picture i have used a MobileButton inside navbar with 3 horizontal bar. So it Looks ok. Now when clicking on this button i want a Dropdown menu. is it achievable? If yes how. Here is my code so far

@(Html.Kendo().MobileView()
.Name("Adressen")
.Stretch(true)
.Layout("mobile-tabstrip")
.Content(@<text>
@AdressGrid()
</text>)
)

@(Html.Kendo().MobileLayout()
.Name("mobile-tabstrip")
.Header(obj => NavBarTemplate(this))
.Footer(
@<text>
@(Html.Kendo().MobileTabStrip()
.Items(items =>
{
items.Add().Text("Adresse").HtmlAttributes(new { @data_icon = "vendor-e" });
items.Add().Text("Sms").HtmlAttributes(new { @data_icon = "share" });
items.Add().Text("Detail").HtmlAttributes(new { @data_icon = "home" });
items.Add().Text("Home").HtmlAttributes(new { @data_icon = "home"});
items.Add().Text("Home").HtmlAttributes(new { @data_icon = "gps-e" });
})
)
</text>)
)

@helper NavBarTemplate(WebViewPage page)
{
@(Html.Kendo().MobileNavBar()
.Content(navbar =>
@<text>
@navbar.ViewTitle("Adressen")
@(Html.Kendo().MobileButton()
.Align(MobileButtonAlign.Right)
.HtmlAttributes(new { @class = "nav-button" ,@data_icon = "arrow-e"})
.Text(""))
</text>)
)

}

Thanks

Anamika

Hi,

I want to use Grid ForeignKey column to choose objects by id.

The sample is in attachment. I want to make school column and grade column nullable, and I can set the value to null when I edit the row.

How to do this?

If I want to choose school column value by typing characters for filtering, is it possible to do this in Grid ForeignKey column? Or I have to use ClientTemplate to solve this problem? 

Because the sample file exceed the maximum size, I removed Telerik js/css files from the sample, please use version 2017.3.913