jquery - calling partial view as popup window on click of ajax actionlink -


i trying open partial view popup window should contain image on click of ajax action link 

@ajax.actionlink("view document", "viewdocument","property",                           new routevaluedictionary { { "id", viewbag.documentname } },                 new ajaxoptions{                     httpmethod="get",                     insertionmode=insertionmode.replace,                     loadingelementid="loading",                     updatetargetid = "view"                 })

and using id finding filename , path of image , returning partial view

public actionresult viewdocument(int id)         {                 var document = db.documents.where(d => d.id == id).firstordefault();                 var documentfilename = document.filename;                 viewbag.document = string.format("~/app_data/uploads/{0}.jpg",documentfilename);                 return partialview();         }

and partial view looks like

@model mvc5application.models.property  <img src="@viewbag.document" alt="" />

and using jquery on click of ajax link

and jquery popup partial view 

$(function () {            $(document).dialog({                autoopen: false,                width: 1500,                resizable: false,                modal: true            });        });           $(document).ready(function() {            $('#view document').click(function () {                $(document).load("@url.action("@viewbag.document")", function () {                    $(document).dialog('open');                });`enter code here`                 return false;            });        });

i dont know whether correct or not. new mvc please can 1 solve same.

advance thanks.

firstly left out [httpget] on controller method , use break point on see if hit when actionlink clicked.


Comments

Post a Comment

Popular posts from this blog

apache - Remove .php and add trailing slash in url using htaccess not loading css -

i have add following code htaccess file removing .php extension , add trailing slash urls. worked fine reduced page loading speed , css code not loading @ all. pages ugly. please help rewriteengine on rewritebase / ## hide .php extension snippet # externally redirect /dir/foo.php /dir/foo rewritecond %{the_request} ^[a-z]{3,}\s([^.]+)\.php [nc] rewriterule ^ %1/ [r,l] # add trailing slash rewritecond %{request_filename} !-f rewritecond %{request_uri} !/$ rewriterule . %{request_uri}/ [l,r=301] # internally forward /dir/foo /dir/foo.php rewritecond %{request_filename} !-d rewritecond %{request_filename}.php -f rewriterule ^(.*?)/?$ $1.php [l] we can rewrite urls using .htaccess files. before writing in .htaccess files need verify kind of server using. can check server adding a <?php phpinfo(); ?> in php page. ensure mod_rewrite module enabled in apache server. can identified checking phpinfo included page. common methods used url rewriting follows ...
Read more

javascript - jQuery show full size image on click -

pretty self explanatory not workking . i want display full image when user click on image... yes know there tons of plugins but i want keep simple. any idea ? css : .full { display: none; width: 500px; height: 500px; margin-left: 100px; margin-top: -300px; position: fixed; background-color: #f00; z-index: 6; } .thumbnail { width: 50px; height: 50px; } html: <img class="thumbnail" src="http://4.bp.blogspot.com/-uhbdp2esxng/txneptvi92i/aaaaaaaaaky/upfqis7zto0/s1600/rihanna-wallpaper.jpg"> jquery: $(document).ready(function() { $('.thumbnail').on('click', function() { var img = $('<img />',{src:this.src,'class':'full'}); $('.full').html(img).show(); console.log('done!'); }); }); try looking how jquery works. $(document).ready(function() { $('.thumbnail').on('click', function(...
Read more