Hello, I have selectable() enabled in my code but it still won't work, I want to be able to select a row and have additional data from the entry to be displayed below the table. I've tried a few different ways and can't seem to get it to work. My code is:
@(Html.Kendo()
.Grid<SiteLogEntry>()
.Name("Logs")
.EnableCustomBinding(true)
.Columns(c =>
{
c.Bound(p => p.LogId).Title("Log ID");
c.Bound(p => p.ServerName).Title("Server Name");
c.Bound(p => p.DateEntered).Title("Date Entered").Format("{0:MM/dd/yyyy h:m:ss tt}").Width("150px");
c.Bound(p => p.DateLogged).Title("Date Logged").Format("{0:MM/dd/yyyy h:m:ss tt}").Width("150px");
c.Bound(p => p.SourcePage).Title("Source Page");
c.Bound(p => p.SourceObject).Title("Source Object");
c.Bound(p => p.Description).Title("Description");
c.Bound(p => p.ErrorMessage).Title("Error Message");
c.Bound(p => p.AdditionalData).Title("Additional Data");
c.Bound(p => p.Severity).Title("Severity");
})
.Resizable(resize => resize.Columns(true))
.Sortable(s => s.Enabled(true))
.Selectable(s => s.Enabled(true).Mode(GridSelectionMode.Single).Type(GridSelectionType.Row))
.Scrollable()
.Filterable(f => f.Enabled(true)
.Extra(false)
.Operators(operators => operators
.ForString(str => str.Clear()
.StartsWith("Starts with")
.IsEqualTo("Is equal to")
.IsNotEqualTo("Is not equal to")
))
)
.HtmlAttributes(new { style = "height: 400px; width: 1500px; align: right;" })
.Pageable(p => p.Enabled(true).Refresh(true))
.DataSource(ds => ds
.Ajax()
.PageSize(10)
.Read(read => read
.Action("GetLog", "SiteLog").Data("times"))
.Sort(z => z.Add(t => t.DateEntered).Descending())
)
)
Nothing really changes whenever I enable/disable selectable. My end goal is to have the description, message, and data only show a small portion of their value within the table, then on selection populate a div below the table with their full entries. I've checked a number of the kendo demos but none have helped solve this issue. Thanks for any help with this issue.
@(Html.Kendo()
.Grid<SiteLogEntry>()
.Name("Logs")
.EnableCustomBinding(true)
.Columns(c =>
{
c.Bound(p => p.LogId).Title("Log ID");
c.Bound(p => p.ServerName).Title("Server Name");
c.Bound(p => p.DateEntered).Title("Date Entered").Format("{0:MM/dd/yyyy h:m:ss tt}").Width("150px");
c.Bound(p => p.DateLogged).Title("Date Logged").Format("{0:MM/dd/yyyy h:m:ss tt}").Width("150px");
c.Bound(p => p.SourcePage).Title("Source Page");
c.Bound(p => p.SourceObject).Title("Source Object");
c.Bound(p => p.Description).Title("Description");
c.Bound(p => p.ErrorMessage).Title("Error Message");
c.Bound(p => p.AdditionalData).Title("Additional Data");
c.Bound(p => p.Severity).Title("Severity");
})
.Resizable(resize => resize.Columns(true))
.Sortable(s => s.Enabled(true))
.Selectable(s => s.Enabled(true).Mode(GridSelectionMode.Single).Type(GridSelectionType.Row))
.Scrollable()
.Filterable(f => f.Enabled(true)
.Extra(false)
.Operators(operators => operators
.ForString(str => str.Clear()
.StartsWith("Starts with")
.IsEqualTo("Is equal to")
.IsNotEqualTo("Is not equal to")
))
)
.HtmlAttributes(new { style = "height: 400px; width: 1500px; align: right;" })
.Pageable(p => p.Enabled(true).Refresh(true))
.DataSource(ds => ds
.Ajax()
.PageSize(10)
.Read(read => read
.Action("GetLog", "SiteLog").Data("times"))
.Sort(z => z.Add(t => t.DateEntered).Descending())
)
)
Nothing really changes whenever I enable/disable selectable. My end goal is to have the description, message, and data only show a small portion of their value within the table, then on selection populate a div below the table with their full entries. I've checked a number of the kendo demos but none have helped solve this issue. Thanks for any help with this issue.