asp.net mvc - Update Razor variable in foreach using button click -

-

okay, after lot of searching around haven't found answer problem. working on page who's main purpose display articles on main page.

i got code down display articles, want display 6 first articles in foreach , user can chose increase display count 6 each time he/she clicks "show more articles" button.

i using @foreach (var item in model.take(displayedarticles)), var displayedarticles = 6;

is there way user increase counter clicking "show more" button? having issues.

my current code:

<div class="container-fluid"> <h2 class="page-header">index</h2>  @{     var displayedarticles = 6; }  @foreach (var item in model.take(displayedarticles)) {     <div class="col-lg-4">         <h2>@html.displayfor(modelitem => item.title) </h2>         <div id="textcontent">             @html.displayfor(modelitem => item.content)         </div>     </div> } <div class="col-lg-12" >     <input type="button" class="btn btn-success" value="show more articles" id="showmore" onclick="@(displayedarticles+=6)" style="width: 100%"/>  </div>

i have tried in jquery, , did log updated value console, did not update razor foreach.

is there way solve this?

yes, you'll need ajax. simple as:

$('#showmore').click(function () {     $.get('article/showmore', function (html) {         $('.col-lg-4').append(html);     }); });

that's gist of it. in controller, you'll send actionresult points partial. rendered partial injected page.


Comments

Post a Comment

Popular posts from this blog

How can we post XML strings along with text strings in iOS -

-
nsstring *starcardstr=@"https://starcardsindia.com/test/api/userauthentication"; //nsstring *poststr=[nsstring stringwithformat:@"https://starcardsindia.com/api/otpverification"]; // nsurl *url=[nsurl urlwithstring:poststr]; nsurl *url=[nsurl urlwithstring:starcardstr]; nsmutableurlrequest *request=[[nsmutableurlrequest alloc]init]; [request seturl:[nsurl urlwithstring:starcardstr]]; [request sethttpmethod:@"post"]; nsstring *contenttype = [nsstring stringwithformat:@"text/xml"]; [request addvalue:contenttype forhttpheaderfield: @"content-type"]; nsmutabledata *pbody=[nsmutabledata data]; [pbody appenddata:[[nsstring stringwithformat:@"<xml>"] datausingencoding:nsutf8stringencoding]]; // create post [pbody appenddata: [[nsstring stringwithformat: @"<?xml version=\"1.0\" encoding=\"utf-8\" ?>"] datausingencoding: nsutf8stringencoding]]; //[pbody appenddata:[...
Read more

How to run C# code using mono without Xamarin in Android? -

-
i want create program uses mono runtime run c# code (binary not application). i copied libmono.so unity app , i'm write code using documentation: http://www.mono-project.com/docs/advanced/embedding/ and it's working have problems references can access classes mscorlib.dll , have problems system.reflection.assembly class throwing exception, when print console see: system.missingmethodexception: method not found: 'system.reflection.assembly.op_inequality' can fix it? can use mono runtime in c binary on android? ps. i'm using android tests. edit: found solution loading libraries, need set environment variable mono_path libraries path. but have still problems assembly class. the system.missingmethodexception error have seems .net profile mismatch error, 1 explained here . can use mono runtime in c binary on android? yes, using ndk guess. there alternatives can use instead of rolling own, such xmadevlab .
Read more

c# - cefsharp app remember password option -

-
i embedding webapp using cefsharp working fine. however, when logging app, cef doesn't offer remember username , password when opening app in normal chrome. is there way in cefsharp cef ask remember usernames/password when uses go app, able sign in quicker ? i have tried using command line args e.g. cefsettings cs = new cefsettings(); cs.cefcommandlineargs.add("enable-automatic-password-saving", "enable-automatic-password-saving"); cs.cefcommandlineargs.add("enable-password-save-in-page-navigation", "enable-password-save-in-page-navigation"); cef.initialize(cs); but far, cef has not prompted me save username/password. cefsharp doesn't support remember password prompt. don't believe cef either, though it's worth asking on http://magpcss.org/ceforum/ definitive answer (there's no reference in api current version). i'll point of unless explicitly told cef use in memory cookie store, session cookies ...
Read more