Hi,
is there an option to disable the auto-submit of the data from search toolbar of the grid? It's not very efficient in our case with a remote datasource to query the DB for data on every change. We'd like to disable this feature and submit on enter/click.
Having difficulty displaying a page which contains a Kendo Grid. @(Html.Kendo().Grid(Model)... Running the application through VS 2017. I have a menu page with four selections, one selection (a button) is the option to display data, in a separate page, using a Kendo Grid. If I place breakpoints in the controller and one in the view, @(Html.Kendo().Grid(Model).., the page displays, with the data as expected at it works fine. If I remove the breakpoints, the app will not display the page with the Kendo Grid, no error, it does nothing. I've been using Google Chrome and I've hit the F12 to display developer options but I'm not seeing any explicit errors.
Any ideas on why this might occur?
categoryAxis: { labels: { rotation: -90, format:
'dd MM yyyy'
} }
In the sample code for the listview the following CSS appears. I've adapted the sample code for my app but I don't understand the purpose of this CSS. When I remove it the pager doesn't display properly. So I'd appreciate an explanation.
.k
-listview:after {
content: ".";
display: block;
height: 0;
clear: both;
v
isibility: hidden
}
Dear progress folks,
since we are currently updating our software product to the newest typescript version and also updating all our libraries we encountered the following:
Typescript 3.9.x does not work with Kendo-UI 2020.2.617. To get things to work we use TS 3.8.x.
I know TS 3.9 released in May and Kendo-UI 2020.2.x released in February where TS 3.8 was also released.
I just want to let you know. Also I want to know what your strategy regarding the minor releases of TS is. Which versions do you plan to support?
Here also some details what did not work (Chrome browser version: 83):
No exception was thrown.Chart is displayed with axes as configured. However, if we retrieve data via a datasource binding the curves were not displayed.
BR
Hi ,
I am facing below issues in Grid related to ADA compliance using JAWS
Note i ahve already applied .Navigatable() property in Grid
1)Grid is not reading the column name when Cell is selected
2)Cell color is not readed.
Please help me on this.
Thanks
Mohammed
<div id="grid"></div>
<script>
function LoadGrid() {
var Installments = $("#TxtInstallments").val();
var LoanAmount = $("#TxtLoanAmount").val();
var OutStandingInstallments = $("#TxtOutStandingInstallments").val();
var LoanFormula = $("#TxtLoanCodeFormula").val();
var LoanInterestRate = $("#TxtLoanInterestRate").val();
var DeductionStartPeriod = $("#TxtDeductionStartPeriod").val();
var DeductionStartYear = $("#TxtDeductionStartYear").val();
$("#grid").kendoGrid({
dataSource: {
transport: {
read: {
data: { Installments: Installments, LoanAmount: LoanAmount, OutStandingInstallments: OutStandingInstallments, LoanFormula: LoanFormula, LoanInterestRate: LoanInterestRate, DeductionStartPeriod: DeductionStartPeriod, DeductionStartYear: DeductionStartYear },
dataType: "json",
url: '@Url.Action("InstallmentDisplay", "SmartWebPortal")',
}
},
schema: {
model: {
fields: {
InstallmentNo: { type: "string" },
InstallmentPeriod: { type: "string" },
InstallmentMonth: { type: "string" },
Principal: { type: "string" },
PrincipalRepaid: { type: "string" },
PrincipalBalance: { type: "string" },
Interest: { type: "string" },
InterestRepaid: { type: "string" },
InterestBalance: { type: "string" }
}
}
},
pageSize: 20
},
//toolbar: ["search"],
height: 155,
scrollable: true,
sortable: false,
filterable: false,
pageable: false,
selectable: "multiple, row",
persistSelection: true,
columns: [
{ field: "InstallmentNo", title: "Install", width: "50px" },
{ field: "InstallmentPeriod", title: "Period" },
{ field: "InstallmentMonth", title: "Month" },
{ field: "Principal", title: "Principal" },
{ field: "PrincipalRepaid", title: "Principal Repaid" },
{ field: "PrincipalBalance", title: "Principal Balance" },
{ field: "Interest", title: "Interest" },
{ field: "InterestRepaid", title: "Interest Repaid" },
{ field: "InterestBalance", title: "Interest Balance" }
]
});
};
</script>
Controller:
Public Function InstallmentDisplay() As ActionResult
Return Json(installmentsJson, JsonRequestBehavior.AllowGet)
End Function
the function returns the following string:
"{""Installments"":{""Installment"":[{""InstallmentNo"":{""#cdata-section"":""1""},""InstallmentPeriod"":{""#cdata-section"":""11/2020""},""InstallmentMonth"":{""#cdata-section"":""May 2020""},""Principal"":{""#cdata-section"":""25,000.00""},""Interest"":{""#cdata-section"":""250.00""},""PrincipalRepaid"":{""#cdata-section"":""0.00""},""InterestRepaid"":{""#cdata-section"":""0.00""},""Period"":{""#cdata-section"":""0""},""Year"":{""#cdata-section"":""0""},""PrincipalBalance"":{""#cdata-section"":""25,000.00""},""InterestBalance"":{""#cdata-section"":""250.00""}},{""InstallmentNo"":{""#cdata-section"":""2""},""InstallmentPeriod"":{""#cdata-section"":""12/2020""},""InstallmentMonth"":{""#cdata-section"":""June 2020""},""Principal"":{""#cdata-section"":""25,000.00""},""Interest"":{""#cdata-section"":""125.00""},""PrincipalRepaid"":{""#cdata-section"":""0.00""},""InterestRepaid"":{""#cdata-section"":""0.00""},""Period"":{""#cdata-section"":""0""},""Year"":{""#cdata-section"":""0""},""PrincipalBalance"":{""#cdata-section"":""25,000.00""},""InterestBalance"":{""#cdata-section"":""125.00""}}],""Rows"":{""Returned"":""2""}}}"
But am not able to assign the jquery object to the kendo grid...
Could anyone help me to provide some reference and examples for binding json data from PHP file (reading data from table) to kendo DDL (using jQuery) ?
Thanks.
Hi,
Column resizing stop work if move horizontal scroll.
You can reapet there: https://demos.telerik.com/aspnet-mvc/grid/column-resizing
Resize some columns to increase width. Move horizontal scroll and then you can't resize