I have a couple of issues in trying to get the paging style working right for the dark theme.
1) As you can see from the screen shot the arrows that navigate are not showing in a light enough color, I want them to show as white. And on a grid if you have it set to let's say a pager size of 50 with more than 50 the numbers to not show in a light enough color. How do you override the .css here?
2) As you can see from the screen shot when you drop down to set the pager size the size selections are shifted to the left. And when you select a smaller size, (i.e. 100 down to 10) the drop down fails to drop down again and freezes.
I have commented out any k-grid styles that I added to override and the problems persist.
Any suggestions other than "please provide a demo" (respectfully) would be helpful.
I have a grid with a large dataset that I want to limit by querying data in pages. The Stored Procedure works fine in the paging process. If I do not set the DataSourceResult.Total value the grid does not allow the user to click the ">" icon in the paging section, as if it sees no records.
If I do set the total to how many records actually exist (9000 in this scenario) the grid comes up with no records.
Here are the lines before the Read() method returns ..
1) IQueryable<ROHS> res = viewModel.Data.AsQueryable<ROHS>();
2) DataSourceResult data = res.ToDataSourceResult(request);
3) return Json(data);
I can see in the debugger that res.Results View (1) shows the 100 records.
As soon as (2) happens the "Data" member of the DatasourceResult object has not records.
Can someone point out what I am doing wrong here?
Thanks
This Kendo UI MCC grid has issues with the page size drop down either not dropping down or if it does the page sizes are displaying to the left. There are no custom .CSS that could be overriding it.
I have Googled this and read about an hour of posts and tried different things but it is not working. I have the latest release installed. The grid has 500 records to show and I have set to display 50 items at a time with a page sizes[] array defined.
.Pageable(pageable => pageable
.PageSizes(new[] { 20, 50, 100, 500 })
.PageSizes(true)
.Info(true)
//.Messages(x => x.Display("{0}-{1} from {2} Cross Reference Records").Empty("No Results"))
.Enabled(true)
.PreviousNext(true)
.Input(true)
.Numeric(true)
.Refresh(true)
//.PageSizes(true)
.ButtonCount(10)
.Refresh(true)
)
Any help would be appreciated.
Thanks
Hi, I wanted to ask how I could get html displayed in a grid cell via a Client Template to line up with the left side of the grid. I've played around with some css but nothing I'm doing seems to work. I've include a screenshot of what's happening and below is an example of my code.
function
getAlarmTypes(typesArray) {
var
allTypes =
""
typesArray.forEach(
function
(element) {
allTypes +=
"<li><strong>"
+ element.optionDesc.trim() +
"</strong></li>"
value = element.gcfDataValue
if
((value & 1) == 1) {
//bit 0
allTypes +=
"<li>Shutdown</li>"
}
if
((value & 2) == 2) {
//bit 1
allTypes +=
"<li>Fault</li>"
}
if
((value & 4) == 4) {
//bit 2
allTypes +=
"<li>Non-Latching</li>"
}
if
((value & 8) == 8) {
//bit 3
allTypes +=
"<li>Sequence Controlled</li>"
}
if
((value & 16) == 16) {
//bit 4
allTypes +=
"<li>Autocrossover</li>"
}
if
((value & 32) == 32) {
//bit 5
allTypes +=
"<li>RBS Shutdown</li>"
}
if
((value & 64) == 64) {
//bit 6
allTypes +=
"<li>Run Responce</li>"
}
});
return
(
"<class=\"analogType\"><ul style=\"list-style-type:none; left:-50px\">"
+ allTypes +
"</ul></class>"
).trim()
}
Hi.
I've been trying for so long time to understand how to adjust an aggregate inside of a grid, but I think I cannot to do this because of missing a documentation that could be helpful. I am not sure if it's possible for the actual moment or not, but I am trying to create an aggregate sum my columns ( Price/Quantity).
Any advice on how to do this?
<
kendo-grid
name
=
"PartData"
auto-bind
=
"true"
>
<
datasource
type
=
"DataSourceTagHelperType.Custom"
server-filtering
=
"true"
server-sorting
=
"true"
>
<
transport
>
<
read
url
=
"@Url.Action("
OrderLines_Read", "Order", new {
id
=
Model
.Number })" />
</
transport
>
<
aggregates
>
<
aggregate
field
=
"Total"
aggregate
=
"sum"
/>
<
aggregate
field
=
"ReservedAmount"
aggregate
=
"sum"
/>
</
aggregates
>
</
datasource
>
<
columns
>
<
column
field
=
"TotalPrice"
title
=
" "
hidden
=
"true"
html-attributes='new Dictionary<string, object> { ["class"] = "visible-xs-block" }' footer-template="<
div
>Total: #= sum #</
div
>" template="#=mobileTemplate(data)#"></
column
>
<
column
field
=
"PartNumber"
title
=
"Part Number"
min-screen-width
=
"767"
></
column
>
<
column
field
=
"PartName"
title
=
"Name"
min-resizable-width
=
"767"
></
column
>
<
column
field
=
"ReservedAmount"
title
=
"Quantity"
footer-template="<div> #= sum #</
div
>" width="100" min-screen-width="767"></
column
>
<
column
field
=
"TotalPrice"
title
=
"Price"
footer-template="<div> #= sum #</
div
>" width="100" min-screen-width="767"></
column
>
</
columns
>
</
kendo-grid
>
Thanks in advance
BTW, my an actual version of the library that I use - 2018.2.530
I have the following configuration of the Grid:
<kendo-grid name="grid">
<datasource type="DataSourceTagHelperType.Custom" page-size="5">
<transport>
<read url="https://thefishroommvccore.azurewebsites.net/api/PageContents" />
<destroy url="https://thefishroommvccore.azurewebsites.net/api/PageContents/7" />
</transport>
<schema>
<model id="Id">
<fields>
<field name="Name" type="text"></field>
<field name="Content" type="text"></field>
<field name="PublishDateTime" type="date"></field>
</fields>
</model>
<model>
<fields>
<field name="PublishDateTime" type="Date"></field>
</fields>
</model>
</schema>
</datasource>
<groupable enabled="true" />
<sortable enabled="true" />
<pageable button-count="5" refresh="true" page-sizes="new int[] { 5, 10, 20 }">
</pageable>
<filterable enabled="true" />
<columns>
<column field="Name" title="Name" width="240" />
<column field="Content" title="Content" width="240" />
<column field="PublishDateTime" title="Date" format="{0:MM/dd/yyyy}" />
<column field="Id" title="Id" width="150" />
<column title="Edit">
<commands>
<column-command name="edit"></column-command>
<column-command name="delete" name="destroy"></column-command>
</commands>
</column>
</columns>
</kendo-grid>
I can view sort all works... the one thing I cannot get to work is the delete which I have hard coded right now to delete record with Id of 7. I'm following the docs at: https://docs.telerik.com/aspnet-core/helpers/tag-helpers/grid
Right now Delete is doing nothing... no errors in page nothing. I don't understand what it is I need to do to delete a record. The service is just a Web Api with Crud. I can do Crud operations in Postman no problem.
Hi, I'm currently trying to filter a grid using an external component like the dropdown menu. I've used the instructions found in this form thread.
How would I pass the name of the drop down menu as well as the id or text data associated with the selection.
For example here is my current code:
Javascript
<script>
var
menuName
var
menuItem
function
additionalData(e) {
return
{
item: menuName +
" "
+ menuItem
}
}
function
onChange(e) {
//What would I put here to get the name or id of the dropdown? id, name, &ct.toString() do not work
menuName =
this
.name()
menuItem =
this
.text()
var
grid = $(
"#analogGrid"
).data(
"kendoGrid"
)
grid.dataSource.read()
}
</script>
Grid HTMLHelper
//...
.Read(read => read.Action(
"Analogs_ReadAsync"
,
"Analogs"
).Data(
"additionalData"
))
//...
Controller Action
public
async Task<JsonResult> Analogs_ReadAsync([DataSourceRequest]DataSourceRequest request,
string
item) {...}
Telerik.Web.UI 2017.3.913.40
Telerik.Web.UI.Skins 2017.3.913.40
Telerik.Windows.Documents.Core 2015.3.1111.40
Telerik.Windows.Documents.Flow 2015.3.1111.40
Telerik.Windows.Documents.Spreadsheet 2015.3.1111.40
Telerik.Windows.Documents.Spreadsheet.FormatProviders.OpenXml 2015.3.1111.40
Telerik.Windows.Maths 2015.3.1111.40
Telerik.Windows.Zip 2015.3.1111.40