Develop Reference

What I'm doing wrong with this implementation?

I'm trying to Implement ExportToPDF() action method in my MCV.CORE web app.
Now obviously in my EmployeeCategory class I have different data types(int,string,double).
So, my conclusion why I'm getting error, is because data type needs to be only string type. Which is not possible in my case.
I'm not sure how to correctly implement this action method.
Errors that I'm getting is:
Cannot convert type Test_Project_Web.Models.EmployeeCategory to string[]
No best type found for implicitly-typed array
My simplified code:
EmployeeCategory.cs :
public class EmployeeCategory
{
[Key]
public int Id { get; set; }
[Required]
public string? Name { get; set; }
[Required]
public string? LastName { get; set; }
[Required]
public string? Address { get; set; }
[Required]
public double NetSalary { get; set; }
[Required]
public double GrossSalary { get; set; }
}
EmployeeCategoryController.cs :
private ApplicationDbContext Context { get; }
public EmployeeCategoryController(ApplicationDbContext _context)
{
Context = _context;
}
public IActionResult Index()
{
return View(this.Context.EmployeeCategories.Take(6).ToList());
}
[HttpPost]
public FileResult ExportToPDF()
{
List<EmployeeCategory> employees = (from employee in Context.EmployeeCategories.Take(6)
select new[] {
employee.Id,
employee.Name,
employee.LastName,
employee.Address,
employee.NetSalary,
employee.GrossSalary
}).ToList<EmployeeCategory>();
//Building an HTML string.
StringBuilder sb = new StringBuilder();
//Table start.
sb.Append("<table border='1' cellpadding='5' cellspacing='0' style='border: 1px solid #ccc;font-family: Arial; font-size: 10pt;'>");
//Building the Header row.
sb.Append("<tr>");
sb.Append("<th style='background-color: #B8DBFD;border: 1px solid #ccc'>Id</th>");
sb.Append("<th style='background-color: #B8DBFD;border: 1px solid #ccc'>Name</th>");
sb.Append("<th style='background-color: #B8DBFD;border: 1px solid #ccc'>LastName</th>");
sb.Append("<th style='background-color: #B8DBFD;border: 1px solid #ccc'>Address</th>");
sb.Append("<th style='background-color: #B8DBFD;border: 1px solid #ccc'>NetSalary</th>");
sb.Append("<th style='background-color: #B8DBFD;border: 1px solid #ccc'>GrossSalary</th>");
sb.Append("</tr>");
//Building the Data rows.
for (int i = 0; i < employees.Count; i++)
{
string[] employee = (string[])employees[i];
sb.Append("<tr>");
for (int j = 0; j < employee.Length; j++)
{
//Append data.
sb.Append("<td style='border: 1px solid #ccc'>");
sb.Append(employee[j]);
sb.Append("</td>");
}
sb.Append("</tr>");
}
//Table end.
sb.Append("</table>");
using (MemoryStream stream = new MemoryStream(Encoding.ASCII.GetBytes(sb.ToString())))
{
ByteArrayOutputStream byteArrayOutputStream = new ByteArrayOutputStream();
PdfWriter writer = new PdfWriter(byteArrayOutputStream);
PdfDocument pdfDocument = new PdfDocument(writer);
pdfDocument.SetDefaultPageSize(PageSize.A4);
HtmlConverter.ConvertToPdf(stream, pdfDocument);
pdfDocument.Close();
return File(byteArrayOutputStream.ToArray(), "application/pdf", "EmployeeList.pdf");
}
}

I don't think this error has anything to do with the data types of your Employee properties and has more to do with you trying to cast an Employee to a string[]:
string[] employee = (string[])employees[i];
Aside from this not being possible (using the method above) I don't think it is necessary as you can obtain the properties and their values to output them as it appears you're attempting to do in your question.
employees.ForEach(employee =>
{
sb.Append("<tr>");
foreach (var propertyInfo in employee.GetType().GetProperties())
{
sb.Append("<td style='border: 1px solid #ccc'>");
sb.Append(propertyInfo.GetValue(employee));
sb.Append("</td>");
}
sb.Append("</tr>");
});

Converting Knockout.js databinding for id attributes to Blazor

What's the Blazor equivalent of this Knockout.js data-binding?
I can easily create a foreach loop through a C# List<T> object and bind to the object's properties however I'm struggling with this as the binding is for the id attributes.
HTML code:
<div data-bind="foreach : combinedArr">
<div data-bind="with: $data.recordCo">
<table id="tableFull">
<tbody>
<tr>
<td class="fixed-width iconCol" data-bind="with: $parent.targetCo">
<button data-bind="attr: { 'data-target': $data[0].tableTargetID, id: $data[0].buttonID }" data-toggle="collapse" type="button" onclick="glyphChanger(this.id)" class="btn btn-default iconButton glyphicon glyphicon-chevron-right" aria-label="Left Align" aria-hidden="true"></button>
</td>
</tr>
</tbody>
</table>
</div>
<div class="tbAdj panel panel-collapse collapse" data-bind="attr: { id: $data.countCo }">
<table class="table table-condensed tableSize tableSpacer" id="tableFull">
<tbody data-bind="foreach: $data.jsonCo">
....
</tbody>
</table>
</div>
</div>
Javascript code:
self.combinedArr = ko.observableArray();
self.post = function () {
voidNotification = false;
self.combinedArr.removeAll();
$.post(this.api + "/tabular", {
value: this.logSource()
}).success(
function (d) {
var counter = 0;
$.each(d, function (i, o) {
var objArr = JSON.parse(o);
//Parse a second time to access the objects individually
var recordParsed = JSON.parse(objArr[0]);
var jsonParsed = JSON.parse(objArr[1]);
//Data to populate the expandable table
jsArr = [];
for (var x in jsonParsed) {
jsArr.push({ jfieldName: jsonParsed[x].Name, jfieldValue: jsonParsed[x].Value });
}
//ID for the button that expands and collapses the table
var buttonID = "btUniqID" + counter;
//The id of the table - needs to be in the same array as the buttonID
var tableTargetID = "#jsonTable" + counter;
var idArr = [];
idArr.push({ tableTargetID: tableTargetID, buttonID: buttonID });
//The id for that table that needs to be on its own
var uniqueTableID = "jsonTable" + counter;
//Combine all the data and push to the combinedArr
self.combinedArr.push({ recordCo: recordParsed, jsonCo: jsArr, countCo: uniqueTableID, targetCo: idArr });
//Incremented for unique button ids
counter++;
});
if (counter === 0) {
self.FaultFound(true);
self.FaultText("Data could not be parsed");
$("#recordTable").css("display", "none");
} else {
self.FaultFound(false);
//Check if transaction is void
VoidHandler();
//Hides the loading animation
self.ShowDetailsLoading(false);
//Show the recordsTable
$("#recordTable").css("display", "block");
}
})
.error(
function (d) {
alert('failed ' + d);
}
);
}
I've created a C# class equivalent to self.combinedArr with the rows variable below:
public List<CombinedRow> rows = new List<CombinedRow>();
private async Task OnParseClicked()
{
try
{
var response = await Http.PostAsJsonAsync("api/TLogParser/Records", new TLogMessageRequestDto(logMessage: inputMessage));
parsedMessage = await response.Content.ReadFromJsonAsync<IEnumerable<RecordItem>>();
var jsArray = new List<Record>();
foreach (var m in parsedMessage)
{
jsArray.Add(new Record { jfieldName = m.MessageId, jfieldValue = m.RecordBody });
}
var counter = 0;
foreach (var m in parsedMessage)
{
//ID for the button that expands and collapses the table
var buttonID = "btUniqID" + counter;
//The id of the table - needs to be in the same array as the buttonID
var tableTargetID = "#jsonTable" + counter;
var row = new Row() { ButtonId = buttonID, TableTargetId = tableTargetID };
//The id for that table that needs to be on its own
var uniqueTableID = "jsonTable" + counter;
var combinedRow = new CombinedRow { recordCo = m, JsonCo = jsArray, CountCo = uniqueTableID, TargetCo = row};
rows.Add(combinedRow);
counter++;
}
}
catch (Exception e)
{
Console.WriteLine(e);
}
}
public class CombinedRow
{
public RecordItem recordCo { get; set; }
public Row TargetCo { get; set; }
public string CountCo { get; set; }
public List<Record> JsonCo { get; set; }
}
public class Row
{
public string ButtonId { get; set; }
public string TableTargetId { get; set; }
}
public class Record
{
public string jfieldName { get; set; }
public string jfieldValue { get; set; }
}
However, I'm not sure on the HTML/Blazor binding part of how to bind to the id attributes.

Loop through properties and set the value of each property as an item in a list, print the list and then set the value again? C#

I currently have this loop:
if (lists.Date.Count() == 0)
{
message = "There Have Been No Merged Pull Requests In This Repository";
}
else
{
for (int i = 0; i < lists.Date.Count(); i++)
PullRequests = new List<PullRequestDetails>
{
new PullRequestDetails()
{
Title = lists.ShortRequestTitle[i],
Name = lists.Name[i],
Date = lists.Date[i],
CommitLink = lists.ShortCommitList[i],
},
};
}
which takes strings from lists and sets them in this model:
public class PullRequestDetails
{
public string? Title { get; set; }
public string? Name { get; set; }
public string? Date { get; set; }
public string? CommitLink { get; set; }
}
I want my HTML to display every item from the list when the button is clicked, but currently it is only displaying the last item from the list:
#if (Model.PullRequests != null)
{
#foreach (var requests in Model.PullRequests)
{
<tbody>
<tr>
<td>#requests.Title</td>
<td>#requests.Name</td>
<td>#requests.Date</td>
<td> Link </td>
</tr>
</tbody>
}
}
This works when I manually add each value of the list, but his gives an out of range exception when there are less or more than 4 values in each list (which there are in most cases):
if (lists.Date.Count() == 0)
{
html = "There Have Been No Merged Pull Requests In This Repository";
}
else
{
for (int i = 0; i < lists.Date.Count(); i++)
PullRequests = new List<PullRequestDetails>
{
new PullRequestDetails()
{
Title = lists.ShortRequestTitle[0],
Name = lists.Name[0],
Date = lists.Date[0],
CommitLink = lists.ShortCommitList[0]
},
new PullRequestDetails()
{
Title = lists.ShortRequestTitle[1],
Name = lists.Name[1],
Date = lists.Date[1],
CommitLink = lists.ShortCommitList[1]
},
new PullRequestDetails()
{
Title = lists.ShortRequestTitle[2],
Name = lists.Name[2],
Date = lists.Date[2],
CommitLink = lists.ShortCommitList[2]
},
new PullRequestDetails()
{
Title = lists.ShortRequestTitle[3],
Name = lists.Name[3],
Date = lists.Date[3],
CommitLink = lists.ShortCommitList[3]
},
};
}
So how can I fix this with a loop?

Just as #Camilo Terevinto said you need too take the List instantiation out of the loop
if (lists.Date.Count() == 0)
{
message = "There Have Been No Merged Pull Requests In This Repository";
}
else
{
PullRequests = new List<PullRequestDetails>();
for (int i = 0; i < lists.Date.Count(); i++)
{
PullRequests.Add(new PullRequestDetails()
{
Title = lists.ShortRequestTitle[i],
Name = lists.Name[i],
Date = lists.Date[i],
CommitLink = lists.ShortCommitList[i]
});
};
}

Sum up columns in MVC C# Razor View

I am wondering if I can sum up decimal in all the columns that are dynamically generated in razor view without having to change this in controller and viewModel. I will be happy to try jQuery option as well.
ViewModel
public class LedgerViewModel
{
public LedgerViewModel(int PayCategoryCount)
{
PayCollection = new List<decimal>(new decimal[PayCategoryCount]);
}
public DateTime PDate { get; set; }
public class MonthlyPaymentsVM
{ public int PayCategoryId { get; set; }
[DisplayFormat(DataFormatString = "{0:MMMM yyyy}")]
public DateTime Date { get; set; }
public IEnumerable<string> PaymentCategories { get; set; }
public List<LedgerViewModel> Payments { get; set; }
public List<LedgerViewModel> Member { get; set; }
}
controller
public ActionResult Report(int year, int no, string nom, Guid gcode)
{
DateTime startdate = (new DateTime(DateTime.Now.Year - 1, 7, 1));
DateTime enddate = (new DateTime(DateTime.Now.Year, 7, 1));
DateTime date = DateTime.Now;
//get all payments
var a = from of in db.OfflinePayMents.Include(i => i.Customer).Include(i => i.PaymentCategory).ToList().Where(x => x.PDate >= startdate && x.PDate < enddate && x.POK && x.CustomerGuid=gcode) select new { of.Customer, of.PaymentCategory, of.CustomerID, of.PaymentCategoryID, of.PDate, of.TxnId, of.Pay, of.PType };
var grouped = a.GroupBy(x => new { customer = x.CustomerID, PaymentCategory = x.PaymentCategory.PaymentCategoryID, txn = x.TxnId, pd = x.PDate, x.PType }).Select(x => new
{
Name = x.First().Customer.Name,
Customer = x.First().Customer,
PaymentCategory = x.First().PaymentCategory,
Txn = x.First().TxnId,
Pd = x.First().PDate,
PType = x.First().PType,
cid = x.First().PaymentCategoryID,
Pay= x.Sum(y => y.Pay)
});
var data = grouped.GroupBy(x => x.Txn);
var PaymentCategories = db.PaymentCategories.OrderBy(z => z.Order);
var PayCategoryCount = PaymentCategories.Count();
var PaymentCategoryIDs = PaymentCategories.Select(x => x.PaymentCategoryID).ToList();
var model = new MonthlyPaymentsVM()
{
//Member = members,
Date = date,
PaymentCategories = PaymentCategories.Select(z => z.PaymentCategoryTitle),
Payments = new List<LedgerViewModel>()
};
foreach (var group in data)
{
LedgerViewModel payment = new LedgerViewModel(PaymentCategoryCount);
var pd = group.First().Pd;
payment.PDate = pd;
foreach (var item in group)
{
int index = PaymentCategoryIDs.IndexOf(item.PaymentCategory.PaymentCategoryID);
if (index < 0)
{
payment.PayCollection[index + 1] = item.Pay;
}
else
{
payment.PayCollection[index] = item.Pay;
}
payment.Total += item.Pay;
}
model.Payments.Add(payment);
}
return View(model);
}
Razor View
<table class="doubleborder" width="99%" border="0" align="center" cellpadding="0" cellspacing="0">
<thead>
<tr>
<th>Date</th>
#foreach (var payname in Model.PaymentCategories)
{
<th>#payname</th>
}
</tr>
</thead>
<tbody>
#foreach (var item in Model.Payments)
{
<tr>
<td>#item.PayDate.ToString("dd/MM/yyyy")</td>
#foreach (var amount in item.PayCollection)
{
<td>#amount.ToString("c")</td>
}
</tr>
}
<tr class="doubleborder">
<td>Total:</td>
#foreach (var item in Model.PaymentCategories)
{
<td>
looking at getting sum totals of each column here
</td>
}
</tr>
</tbody>
</table>
So this groups by customer. The payments are grouped by transaction Date and are iterated in the foreach loop in the view.
Thanks if you are able to help.

If I understand your model correctly, this is what you are looking for:
#Model.Payments.Sum(i => i.Paycollection.Sum(x => x.amount));
Update, based on your comment: (and assuming that all the columns have value for all the PaymentCollections)
#for(int i = 0 ; i < PaymentCategories.Count(); i++)
{
<td>
Model.Payments.Sum(x => x.PayCollection[i]); //this will throw an exception if the value at index is not defined
</td>
}

Creating Custom Grid in Mvc 4.0 with Json Data

I want to create a custom grid which will have three columns and rows can be of any number that depends on the data. But my problem is the data is available as json. I have created grid like structure many times but that is with model and collections like:
First creating the divs for columns
#{
if (Model.MessageList.Count > 0)
{
<div class="GridView_Div">
<div class="GridHeader_Div">
<div class="GridHeaderColoums_Div">Message</div>
<div class="GridHeaderColoums_Div">Sent Date</div>
<div class="GridHeaderColoums_Div">Receive Date</div>
<div class="GridHeaderColoums_Div">Actions</div>
</div>
<div class="GridData_Div">
#{
for (int i = 0; i < Model.MessageList.Count; i++)
{
string resultMessage = string.Empty;
string newMessage = string.Empty;
string result1 = Model.MessageList.ElementAt(i).Message;
int length = result1.Length;
if (length > 5)
{
resultMessage = result1.Substring(0, 5);
newMessage = resultMessage + "......";
}
else
{
resultMessage = result1.Substring(0);
newMessage = resultMessage + "......";
}
<div class="Grid_Row">
<div class="GridData_Coloums">
#newMessage
</div>
<div class="GridData_Coloums">#Model.MessageList.ElementAt(i).Sent_Date</div>
<div class="GridData_Coloums"> #Model.MessageList.ElementAt(i).Receive_Date</div>
<div class="GridData_Coloums">
<input type="button" value="Delete" id="#Model.MessageList.ElementAt(i).pkMessageId"/>
</div>
</div>
}
}
</div>
</div>
}
else
{
<div style="width: 50%; float: left; margin-left: 10%;">No Message Found</div>
}
}
But how can I create a grid like structure in Json data?
Please help me with this case. Thank you very much

This has been a challenge for me and I accomplished it.
In the view
$(document).ready(function () {
$("#hdnPkClientId").val('');
$("#txt_Autocomplete").autocomplete({
source: function (request, response) {
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: "/Home/SearchClientDetail",
data: "{'searchtext':'" + document.getElementById('txt_Autocomplete').value + "'}",
dataType: "json",
success: function (data) {
response($.map(data.Data, function (item) {
return {
label: item.Name,
value: item.id,
data: item
};
}));
},
error: function (xhr)
{ }
});
},
select: function (event, ui) {
var detailArr = ui.item.label.split(',');
$("#txt_Autocomplete").val(detailArr[0]);
$("#hdnPkClientId").val(ui.item.data.Id);
$("#Evaluation_Anch").attr("href", "/Evaluation/Index?Client_ID=" + ui.item.data.Id);
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: "/ClientHome/GetSelectedClientDetails",
data: "{'ClientId':'" + document.getElementById('hdnPkClientId').value + "'}",
dataType: "json",
success: function (data) {
$("#Client_Name").html(data.Info.Name);
$("#Client_Address").html(data.Info.Address);
$("#Client_OtherAddressDetails").html(data.Info.OtherAddressDetails);
$("#Client_DOB").html(data.Info.DOB);
$("#Client_Phone").html(data.Info.Phone);
$("Client_MobilePhone").html(data.Info.Mobile_Phone);
var DataDiv = "<table width='100' border='0' cellspacing='0' cellpadding='0'> <tr> <th class='head'>Date</th> <th class='head'>Document Type</th> <th class='head'>Provider</th> </tr>";
for (var iRow = 0; iRow < data.Info.Prev_Doc_List.length; iRow++) {
var temp = data.Info.Prev_Doc_List[iRow];
DataDiv += "<tr>";
DataDiv += "<td>" + temp.Created_Date + "</td>";
DataDiv += "<td><a id='" + temp.Page_ID + "' href='" + temp.RedirectAddress + "'>" + temp.Doc_type + "</a></td>";
DataDiv += "<td>" + temp.Provider + "</td>";
DataDiv += "</tr>";
}
DataDiv += "</table>";
$("#PreviousDocumentDiv").html(DataDiv);
},
error: function (xhr)
{ }
});
return false;
}
});
});
In controller
[HttpPost]
public ActionResult GetSelectedClientDetails(string ClientId)
{
ProgressNotesService objService = new ProgressNotesService();
var Client_Detail = objService.GetSelectedClient(Convert.ToInt32(ClientId));
if (Client_Detail != null)
{
Session["Client_ID"] = Client_Detail.Id;
}
return Json(new { Info = Client_Detail });
}
In Service
public ClientDetailModel GetSelectedClient(int ClientID)
{
ClientDetailModel ClientDetail = new ClientDetailModel();
List<PreviousDocuments> objDocsList = new List<PreviousDocuments>();
using (DataContext DB = new DataContext())
{
var Row = DB.tbl.Where(m => m.ID == ClientID).FirstOrDefault();
if (Row != null)
{
ClientDetail.Id = Row.ID.ToString();
ClientDetail.Name = Row.First_Name + " " + Row.Last_Name;
ClientDetail.Address = Row.Address;
ClientDetail.Client_DOB = (DateTime)Row.DOB;
ClientDetail.DOB = ClientDetail.Client_DOB.ToString("MM/dd/yyyy");
ClientDetail.OtherAddressDetails = (Row.City == "" || Row.City == null ? "N/A" + " " + "," : Row.City + " ,") + (Row.State == "" || Row.State == null ? "N/A" + " " + "," : Row.State + " ,") + (Row.ZipCode == "" || Row.ZipCode == null ? "N/A" : Row.ZipCode);
ClientDetail.Phone = Row.Phone;
ClientDetail.Mobile_Phone = Row.OtherContact_Phone;
var ProgressNoteRecords = DB.ProgressNotes.Where(m => m.FkReferralID == ClientID).ToList();
if (ProgressNoteRecords.Count() > 0)
{
for (int iRow = 0; iRow < ProgressNoteRecords.Count(); iRow++)
{
objDocsList.Add(new PreviousDocuments
{
Created_Date = Convert.ToString(ProgressNoteRecords.ElementAt(iRow).Created_Date),
Doc_type = "Progress Note",
Provider = " blah blah",
Page_ID = Convert.ToString(ProgressNoteRecords.ElementAt(iRow).Id),
RedirectAddress = "../ProgressNote/Add?ProgressNote_ID=" + Convert.ToString(ProgressNoteRecords.ElementAt(iRow).Id)
});
}
}
var Ref = DB.tblrefServices.Where(m => m.ID == ClientID).ToList();
if (Ref.Count > 0)
{
for (int iRow = 0; iRow < Ref.Count(); iRow++)
{
objDocsList.Add(new PreviousDocuments
{
Created_Date = Convert.ToString(Ref.ElementAt(iRow).First_Name),
Doc_type = "Referral Service",
Provider = "blah blah",
Page_ID = Convert.ToString(Ref.ElementAt(iRow).ID)
});
}
}
ClientDetail.Prev_Doc_List = objDocsList;
}
}
return ClientDetail;
}
In model
public class ClientDetailModel
{
public ClientDetailModel()
{
Prev_Doc_List = new List<PreviousDocuments>();
}
public string Name { get; set; }
public string Id { get; set; }
public string DOB { get; set; }
public string Address { get; set; }
public string OtherAddressDetails { get; set; }
public string Phone { get; set; }
public string Mobile_Phone { get; set; }
public DateTime Client_DOB { get; set; }
public List<PreviousDocuments> Prev_Doc_List { get; set; }
}
public class PreviousDocuments
{
public string Created_Date { get; set; }
public string Doc_type { get; set; }
public string Provider { get; set; }
public string Page_ID { get; set; }
public string RedirectAddress { get; set; }
}

You can use KnockoutJS to bind your json data to your custom grid

what about using any template engines like jsrender. where you can convert provided mvc's view code to templates. Then pass the json to the template that will render grid in desired element.
refer the below link for more details
http://borismoore.github.io/jsrender/demos/demos.html
http://www.jsviews.com/#jsrender