Json News in a Partial View

-
News on the front page is always nice
Quick way to drop your news into a Partial view so that you can use it anywhere

Create your Partial View Just make it empty


Add a Div for your News

<div id="news"></div>

Add script  which loads the news - sidenote - I a have learned that you can not use .append lines when adding conditional data because it inherently closes your tag for you.  So I am using an array instead and then appending to the news div at the very end.


<script type="text/javascript">
    $(document).ready(function() {
     
            $('#news').html("");
            $('#L1').removeClass("hidden");
            var ROOT = '@Url.Content("~/")';
            if (ROOT == '/') { ROOT = '' };
            $.getJSON(ROOT + '/home/SiteNews/', function (data) {
                   if (data != null) {
                    $('#news').html('<h3>CURRENT NEWS</h3><hr />');
                }
                $.each(data, function (i, news) {
                    var array = [];//
                    var m = moment();
                    array.push("<b>" + Date(data[i].ContributedDate) + "</b><br /><hr />" + data[i].ArticleText + "<br />");
                  if (data[i].ArticleUrl != null) {
                      array.push("<a href=" + data[i].ArticleUrl + " target=_new>More Info...</a>");
                  }
                  $('#news').append("<div class='col-sm-3 newsbox'>" + array.join('') + "</div>");
                    //Posted By:  " + data[i].ContributedBy + "
                });
           
            })
        })
</script>

I am returning my news from a JsonResult like this:

 public JsonResult SiteNews()
        {
            var programs = (from s in db.SiteNews
                            where s.featured==true
                            select s);

            return Json(programs, JsonRequestBehavior.AllowGet);
        }

Comments

Post a Comment

Popular posts from this blog

Grouping with Data Entities

-
I am really loving the data entity in my new projects but have come across a couple of issues already. Tonight I learned about using a field that is not a part of your database and not in the entity but is a consolidation field from a group.  Once I found some good samples it worked incredibly well and I had a little summary grid on the page in just a couple of minutes.  So here is what I did  using (myEntityName context = new myEntityName())     { //First I declared a couple of variables because I was looking at data between specific dates          DateTime startdate = DateTime.Parse("2014-02-01");             DateTime enddate = DateTime.Parse("2014-02-01");          var dbRecords = (from c in context.myTableName                           where (c.MemberStartDate >= startdate && c.MemberStart...
Read more

Localizer in Controller

-
Localizer in Controller Using using Microsoft.Extensions. Localization; Includes private readonly IStringLocalizer< AppAccessController>  _localizer; Resource file must be in a Controller Folder in Resources Method example public Dictionary<string,string> GetRoleList(string appName, bool includeX) { //Code here return allItems.ToDictionary<string, string, string>(i => i, i =>  _localizer[i] ); }
Read more

Sticky Footer made simple

-
CSS Footers are simple but people tend to overthink them.  Here is how it works You have two pieces A container that all your other stuff is in A footer that you want to always stay at the bottom of the page In Blazor I put this container on my content pages and not my host page because I didn't want my left hand nav to be involved <div class="container"> All my content </div> <footer> Centered footer content </footer> And the CSS .container {     width:100%;     padding: 0 15px; } footer {     font-size: 12px; (you could also use a vw value here)     padding-top:20px;     background-color: #xxx;     color: #fff;     margin: auto;     height: 60px;     width: 100%;     position: sticky; //absolute;     bottom: 0;     text-align: center; }
Read more