or
0 answers
169 views
How to do sorting and filtering of child nodes in .net mvc treeview using telerik?
@(Html.Kendo().TreeView()
.Name("treeview")
.ExpandAll(true)
.DataSpriteCssClassField("sprite")
.BindTo((IEnumerable<FolderViewVM>)Model.FolderList, (NavigationBindingFactory<TreeViewItem> mappings) =>
{
mappings.For<FolderViewVM>(binding => binding.ItemDataBound((item, doc) =>
{
item.Text = doc.Name;
item.Id = doc.Id.ToString();
})
.Children(doc => doc.Children));
})
@(Html.Kendo().TreeView()
.Name("treeview")
.ExpandAll(true)
.DataSpriteCssClassField("sprite")
.BindTo((IEnumerable<FolderViewVM>)Model.FolderList, (NavigationBindingFactory<TreeViewItem> mappings) =>
{
mappings.For<FolderViewVM>(binding => binding.ItemDataBound((item, doc) =>
{
item.Text = doc.Name;
item.Id = doc.Id.ToString();
})
.Children(doc => doc.Children));
})
0 answers
126 views
Hello,
I want to implement endless scroll for both master and detail grid. Is that possible? I tried to use detail grid as below but nothing worked.
@(Html.Kendo().Grid<AspNetCoreGrid.Models.OrderViewModel>() .Name("grid") .Scrollable(sc => sc.Endless(true)).Scrollable(s => s.Height("100px"))
)
1 answer
461 views
Hi All,
I'm using Telerik UI for ASP.NET MVC R1 2021 licenced version and when customers doing some security test looks like some of Telerik instance codes can create Sql Injection attack possibility. Is it possible ? Is Telerik protect for Sql injection attacks?
One of usage example given below
public ActionResult GridTransactionBinding([DataSourceRequest]DataSourceRequest request)
{
if (Session["Username"] == null) { return View("404"); }
if (GetUserFleetId() != 0)
{
Load = GetLoadAmount();
}
return Json(Load.ToDataSourceResult(request), JsonRequestBehavior.AllowGet);
}
Thanks
Georgi
Telerik team
answered
on
02 Jan 2023
1 answer
315 views
Hye.. I cant use ToDatasourceResult, because its take too long. But if i use normal datacontext, its just take a second to show the data. Please assist me. thank you
Eyup
Telerik team
answered
on
02 Jan 2023
0 answers
185 views
Hi Team,
I want to display the ORG chart in the Asp.net MVC application but it is not displayed. It shows only an empty page. No error is shown in the console. I have attached the screenshot below.
My Layout references are as :
<link rel="stylesheet" href="/Content/kendo/2022.3.913/kendo.common.min.css" />
<link rel="stylesheet" href="/Content/kendo/2022.3.913/kendo.default.min.css" />
<link rel="stylesheet" href="/Content/kendo/2022.3.913/kendo.default.mobile.min.css" /> <script src="https://kendo.cdn.telerik.com/2022.3.1109/js/jquery.min.js"></script>
<script src="~/Scripts/kendo/2022.3.913/kendo.all.min.js"></script>
<script src="~/Scripts/kendo/2022.3.913/kendo.aspnetmvc.min.js" type="text/javascript"></script>
<script src="~/Scripts/kendo/2022.3.913/kendo.dataviz.min.js"></script>
<script src="~/Scripts/kendo/2022.3.913/kendo.orgchart.min.js"></script>Razer page code as below:-
@using Kendo.Mvc.UI;
@(Html.Kendo().OrgChart<fcPortoloManager.Models.Portolo.OrgChartViewModel>()
.Name("orgchart")
.DataSource(dataSource => dataSource
.Read(read => read.Action("Read", "OrganizationStructure"))
.Model(m => {
m.Id(f => f.ID);
m.ParentId(f => f.ParentID);
m.Name(f => f.Name);
m.Title(f => f.Title);
})And controller code is as below :
public JsonResult Read([DataSourceRequest] DataSourceRequest request)
{
return Json(new
{
Data = OrgChartData
}, JsonRequestBehavior.AllowGet);
}
public static OrgChartEmployeeViewModel One(Func<OrgChartEmployeeViewModel, bool> predicate)
{
return OrgChartData.FirstOrDefault(predicate);
}
private static IList<OrgChartEmployeeViewModel> OrgChartData
{
get
{
IList<OrgChartEmployeeViewModel> source = System.Web.HttpContext.Current.Session["OrgChartEmployees"] as IList<OrgChartEmployeeViewModel>;
if (source == null)
{
System.Web.HttpContext.Current.Session["OrgChartEmployees"] = source = new List<OrgChartEmployeeViewModel>
{
new OrgChartEmployeeViewModel() { ID = 1, Name = "Gevin Bell", Title = "CEO", Expanded = true, Avatar = "../content/web/treelist/people/1.jpg" },
new OrgChartEmployeeViewModel() { ID = 2, Name = "Clevey Thrustfield", Title = "COO", Expanded = true, ParentID = 1, Avatar = "../content/web/treelist/people/2.jpg" },
new OrgChartEmployeeViewModel() { ID = 3, Name = "Carol Baker", Title = "CFO", Expanded = false, ParentID = 1, Avatar = "../content/web/treelist/people/3.jpg" },
new OrgChartEmployeeViewModel() { ID = 4, Name = "Kendra Howell", Title = "CMO", Expanded = false, ParentID = 1, Avatar = "../content/web/treelist/people/4.jpg" },
new OrgChartEmployeeViewModel() { ID = 5, Name = "Sean Rusell", Title = "Financial Manager", Expanded = true, ParentID = 3, Avatar = "../content/web/treelist/people/5.jpg" },
new OrgChartEmployeeViewModel() { ID = 6, Name = "Steven North", Title = "Senior Manager", Expanded = false, ParentID = 3, Avatar = "../content/web/treelist/people/6.jpg" },
new OrgChartEmployeeViewModel() { ID = 7, Name = "Michelle Hudson", Title = "Operations Manager", Expanded = true, ParentID = 2, Avatar = "../content/web/treelist/people/7.jpg" },
new OrgChartEmployeeViewModel() { ID = 8, Name = "Andrew Berry", Title = "Team Lead", ParentID = 5, Avatar = "../content/web/treelist/people/8.jpg" },
new OrgChartEmployeeViewModel() { ID = 9, Name = "Jake Miller", Title = "Junior Accountant", ParentID = 5, Avatar = "../content/web/treelist/people/9.jpg" },
new OrgChartEmployeeViewModel() { ID = 10, Name = "Austin Piper", Title = "Accountant", ParentID = 5, Avatar = "../content/web/treelist/people/10.jpg" },
new OrgChartEmployeeViewModel() { ID = 11, Name = "Dilyana Newman", Title = "Accountant", ParentID = 5, Avatar = "../content/web/treelist/people/11.jpg" },
new OrgChartEmployeeViewModel() { ID = 12, Name = "Eva Andrews", Title = "Team Lead", ParentID = 6, Avatar = "../content/web/treelist/people/12.jpg" },
new OrgChartEmployeeViewModel() { ID = 13, Name = "Kaya Nilsen", Title = "Financial Specialist", ParentID = 6, Avatar = "../content/web/treelist/people/13.jpg" },
new OrgChartEmployeeViewModel() { ID = 14, Name = "Elena Austin", Title = "Team Lead", ParentID = 4, Avatar = "../content/web/treelist/people/14.jpg" },
new OrgChartEmployeeViewModel() { ID = 15, Name = "Lora Samuels", Title = "Lawyer", ParentID = 4, Avatar = "../content/web/treelist/people/15.jpg" },
new OrgChartEmployeeViewModel() { ID = 16, Name = "Lillian Carr", Title = "Operator", ParentID = 7, Avatar = "../content/web/treelist/people/17.jpg" },
new OrgChartEmployeeViewModel() { ID = 17, Name = "David Henderson", Title = "Team Lead", ParentID = 7, Avatar = "../content/web/treelist/people/16.jpg" },
};
}
return source;
}
}The model code is as below :
public class OrgChartEmployeeViewModel {
public int ID { get; set; }
public string Name { get; set; }
public string Title { get; set; }
public bool Expanded { get; set; }
public string Avatar { get; set; }
public int ParentID { get; set; }
}
1 answer
104 views
HI Telerik Team,
We have an application in which we are using KendoMVC UI Components, previously we had used 2016.1.226 now we need to upgrade the Kendo version to 2020.3118
We tried to upgrade the version, but there is inconsistency in the UI. Please find below image for reference
This image is of 2016 Kendo Build
and
This image is of 2020 Build
As per our requirement we need same CSS which we had seen in 2016 version for version 2020 as well, Please let us know any file we need to add.
Karina
Telerik team
answered
on
30 Dec 2022
0 answers
504 views
I currently have the following setup and it works fine. However, I need to make my controller endpoint POST and be able to pass the data that will be loaded in the PDF from the client. The examples I have found with fromFile point to a GET endpoint that takes simple parameters like Id but I need to be able to pass the actual content to be loaded in the returned PDF. Hoping someone knows a way if that is at all possible.
JavaScript
function previewPdf(){
//I need to pass this doc object to the endpoint
//var doc = {
// case: { caseNumber: 'A12345' },
// title: 'Test Doc',
// body: $('#Content').data("kendoEditor").value() //getting content from a kendo editor the user is filling out
//};
// Create a viewer if you do not have one already.
var pdfViewer = $("#pdf-viewer").data("kendoPDFViewer");
if(!pdfViewer){
pdfViewer = $("#pdf-viewer").kendoPDFViewer({
pdfjsProcessing: {
file: ""
},
width: 900,
height: window.innerHeight - 150
}).data("kendoPDFViewer");
}
var pdfHandlerUrl = '@Url.Action("GetCourtDocumentPdfBytes", "CourtDocuments")';
// I was hoping to make an AJAX call like this and then somehow set the file to the PDF viewer but no luck.
//$.ajax({
// type: "POST",
// url: pdfHandlerUrl,
// data: JSON.stringify(doc),
// contentType: "application/json",
// success: function(response) {
// // Use the response (which should be a byte array of the PDF) to update the PDF viewer
// pdfViewer.fromFile(response); // this doesn't work so clearly not setting the right type here.
// }
//});
// Build the desired URL to point to your handler that will return the PDF.
pdfViewer.fromFile(pdfHandlerUrl); //this is working fine just for a GET endpoint
$("#wndPdfPreview").kendoWindow({
modal: true,
width: 1000,
height: window.innerHeight - 100
});
$("#wndPdfPreview").data("kendoWindow").center().open();
}
My Controller endpoint.
//this approach is working.
public async Task<FileStreamResult> GetCourtDocumentPdfBytes()
{
CourtDocument doc = new CourtDocument { Body = "the Body", Title = "the title", Case = new Case { CaseNumber = "2018123CA01" } };
string html = await this.RenderViewToString("_JudicialOrder", doc, true);
var bytes = await _pdfService.CreateFromHtml(html, doc.Case.CaseNumber);
Stream stream = new MemoryStream(bytes);
return new FileStreamResult(stream, "application/pdf");
//return File(bytes, "application/pdf", "test.pdf");
}
//This is more of what I would need.
public async Task<IActionResult> GetCourtDocumentPdfBytes([FromBody] CourtDocument doc)
{
string html = await this.RenderViewToString("_JudicialOrder", doc, true);
var bytes = await _pdfService.CreateFromHtml(html, doc.Case.CaseNumber);
Stream stream = new MemoryStream(bytes);
//return new FileStreamResult(stream, "application/pdf");
return File(bytes, "application/pdf", "test.pdf"); // not sure what to return here to load the pdfViewer from it in the client.
}
1 answer
154 views
I have a grid which needs to have some conditional formatting on certain cells. I have achieved this via the model, and a client template, which does work.
The style is passed as a field to the client template.actl3.Bound(o => o.QualifiedNight_Actual).Title("Registered Nurse/Nursing Associate").HeaderHtmlAttributes(new { style = "text-align: center; justify-content: center;overflow: visible !important;white-space: normal !important;" }).ClientTemplate("<div class=#=QualifiedNightColour#>#=QualifiedNight_ActualText#</div>");The style is
.stWarning {
background-color: red;
width: 100%;
}However, there is still padding around the div which remains a different colour. How can I make the entire cell have the desired background colour? I did try applying negative margins to the style, but this only seemed to work for the left side of the cell.
As just using the client template works well apart from this, I'm really not keen on having to add more JavaScript code for this (as there are nine fields in the grid that need this applying).
Thanks
Eyup
Telerik team
answered
on
27 Dec 2022
1 answer
134 views
I have an issue with my page where everything works fine except it will not go to pages 3, 5, and 11. My datasource is a list of an object in my model. I can add, save, anything except go to those pages. Below is my code from the page. I am using Kendo 2020.3.1118 (don't have a license for anything newer). If I click on the 3, nothing happens if I am on page 2 and click the next page arrow, nothing happens. If I am on page 4 and click the next page arrow nothing happens. But if I am on page 6 and click it, I go to 7, then 8, etc. until I get to 10. It only refuses those 3 pages out of the 12 that it creates for my data. The counter on the bottom right works fine. And if I take out the pageable ability, my dropdown quits working. I have only been using Kendo for about a week or so. Once I get this figured out, this project will actually be complete. It is the last issue I have to solve. Any help would be greatly appreciated.
@(Html.Kendo().Grid(Model).Name("EditableGrid").Columns(c =>
{
c.Command(command => command.Custom("Save").SendDataKeys(true).Click("sendLO2")).Width(95);
//c.Command(command => { command.Edit(); }).Width(150);
c.Bound(f => f.ID).Title("ID").Width(95);
c.Bound(f => f.LoanOfficerID).Title("Loan OfficerID").Width(100);
c.Bound(f => f.FullName).Title("Full Name").Width(125);
c.Bound(f => f.FirstName).Title("First Name").Width(125);
c.Bound(f => f.LastName).Title("Last Name").Width(125);
c.Bound(f => f.ReceivingLoanOfficerID).Title("Receiving Loan OfficerID").Width(150);
c.Bound(f => f.ReceivingFullName)
.ClientTemplate("#=ReceivingFullName.rcvFullName#")
.Title("Receiving Full Name")
.EditorTemplateName("OptionsLOs")
.Sortable(false)
.Width(180);
c.Bound(f => f.ReceivingFirstName).Title("Receiving First Name").Width(125);
c.Bound(f => f.ReceivingLastName).Title("Receiving Last Name").Width(125);
c.Bound(f => f.Active).Title("Active").Width(95);
c.Bound(f => f.CreatedDate).Title("Created Date").Width(125);
c.Bound(f => f.ReceivingEmployeeID).Title("Receiving EmployeeID").Width(125);
c.Bound(f => f.ReceivingLOID).Title("Receiving LOID").Width(125);
c.Bound(f => f.ReceivingTitle).Title("Receiving Title").Width(125);
c.Bound(f => f.ReceivingNMLSID).Title("Receiving NMLSID").Width(125);
c.Bound(f => f.ReceivingMobileNumber).Title("Receiving Mobile Number").Width(125);
c.Bound(f => f.ReceivingOfficeNumber).Title("Receiving Office Number").Width(125);
c.Bound(f => f.ReceivingEmailAddress).Title("Receiving Email Address").Width(125);
c.Bound(f => f.ReceivingWebsite).Title("Receiving Website").Width(150);
c.Bound(f => f.ReceivingBranchID).Title("Receiving BranchID").Width(125);
c.Bound(f => f.ReceivingTandemTeamID).Title("Receiving Tandem TeamID").Width(125);
c.Bound(f => f.ReceivingOriginationTeamID).Title("Receiving Origination TeamID").Width(125);
c.Bound(f => f.ReceivingPictureURL).Title("Receiving Picture URL").Width(150);
c.Bound(f => f.ReceivingQRCodeURL).Title("Receiving QRCode URL").Width(150);
c.Bound(f => f.ReceivingActive).Title("Receiving Active").Width(95);
c.Bound(f => f.ReceivingDateCreated).Title("Receiving Date Created").Width(125);
c.Bound(f => f.ReceivingCreatedBy).Title("Receiving Created By").Width(125);
})
.ToolBar(toolbar => toolbar.Create())
.Editable(editable => editable.Mode(GridEditMode.InCell))
.Pageable()
.Sortable()
.Scrollable()
.Filterable()
.HtmlAttributes(new { style = "height:650px;" })
.DataSource(DataSource => DataSource
.Ajax()
.PageSize(50)
.ServerOperation(false)
.Update(update => update.Action("SaveLO", "Home"))
.Create(update => update.Action("SaveLO", "Home"))
.Model(model =>
{
model.Id(p => p.ID);
model.Field(p => p.ReceivingFullName).DefaultValue(ViewData["defaultLO"] as Nova.ReceivingLO_LO.MVC.Models.LOOptions);
})
)
.Resizable(resize => resize.Columns(true))
)
0 answers
237 views
I am trying to use the PDFViewer to display a PDF downloaded from an Azure Blob.
In my view I have:
// Create a viewer if you do not have one already.
var pdfViewer = $("#pdfViewer").data("kendoPDFViewer");
if (!pdfViewer) {
pdfViewer = $("#pdfViewer").kendoPDFViewer({
pdfjsProcessing: {
file: ""
},
width: "100%",
height: 500
}).data("kendoPDFViewer");
};
// Build the desired URL to point to your handler that will return the PDF.
var pdfHandlerUrl = "/Home/getBlob/" + selectedRows.BlobID;
// Make the PDFViewer load the designated file.
pdfViewer.fromFile(pdfHandlerUrl);An in my controller (getBlob) I have the following:
var stream = new MemoryStream();
await file.DownloadToAsync(stream);
stream.Position = 0;
return new FileStreamResult(stream, "application/pdf");But in the view - I get a pop-up error message that says: PDF file fails to process.
Any suggestions?
