javascript - How best to pass an input text field across ajax tabs? -


experienced .net developer complete asp mvc (and web dev in general) novice. i'm looking best practice architecture suggestions how should accomplish following.

i have 3 jquery-ui tabs: first has input textbox: <input type="text" name="username" \>. others loading different page via ajax (implicitly using jquery) need know value of input field. how can retrieve value asp mvc controller of tab 2 or 3? fundamentally bad approach?

~/views/shared/_layout.cshtml:

<!doctype html> <html> <head>     @styles.render("~/content/themes/base/css", "~/content/css")     @rendersection("head", required: false) </head> <body>     @renderbody() </body> </html>

~/views/demo/index.cshtml:

@{     layout = "~/views/shared/_layout.cshtml"; }  @section head {     <link rel="stylesheet" href="@url.content("~/content/themes/base/jquery.ui.all.css")" />     <script src="@url.content("~/scripts/jquery-1.6.2.js")"></script>     <script src="@url.content("~/scripts/jquery-ui-1.8.11.js")"></script>     <script>         $(function() {             $("#tabs").tabs();         });     </script> }  <div id="tabs">     <ul>         <li><a href="#tab1">tab 1</a></li>         <li><a href="/tab2">tab 2</a></li>         <li><a href="/tab3">tab 3</a></li>     </ul>     <div id="tab1">         <p>want able value of input field below tab2 , tab3</p>         <input type="text" name="username" />     </div> </div>

~/controller/tab2controller.cs:

using system.web.mvc;  namespace mvcapplication1.controllers {     public class tab2controller : controller     {         public actionresult index()         {             //  want replace line 1 takes value of             //  input text box , queries model real data             viewbag.mylist = new[] { "1", "2", "3" };             return view();         }     } }

~/views/tab2/index.cshtml

@{     layout = null; }  <ul>     @foreach (var obj in viewbag.mylist)     {         <li>@obj</li>     } </ul>

thanks.

change controller action receive username. 

public class tab2controller : controller {    public actionresult index(string username)    {        //  want replace line 1 takes value of        //  input text box , queries model real data         viewbag.mylist = new[] { "1", "2", "3" };          return view();     } }

update href of tabs (2 & 3) on select event.

$(function() {    $("#tabs").tabs({       select: function(event, ui) {           if(ui.index == 1 || ui.index == 2) // if tab 2 or 3.           {             // select user name             var username = $("#tab1 input[name='username']").val();                                              if(username){                 var url = "/tab" + (ui.index + 1) + "?username=" + username;                 $("#tabs").tabs( "url" , ui.index , url );             }           }       }    }); });

Comments

Post a Comment

Popular posts from this blog

java - Play! framework 2.0: How to display multiple image? -

i need display gallery of photos. here template: @(photos: list[photo]) @title = { <bold>gallery</bold> } @main(title,"photo"){ <ul class="thumbnails"> @for(photo <- photos) { <li class="span3"> <a href="#" class="thumbnail"> <img src="@photo.path" alt=""> </a> </li> } </ul> } and here controller method: public static result getphotos() { return ok(views.html.photo.gallery.render(photo.get())); } and here photo bean : @entity public class photo extends model { @id public long id; @required public string label; public string path; public photo(string path, string label) { this.path = path; this.label = label; } private static finder<long, photo> find = new finder<long, photo>( long.class, photo.class); public static list<phot...
Read more

gmail - Is there any documentation for read-only access to the Google Contacts API? -

i want read-only access user's google contacts. there stackoverflow member wanted this, , received following answer : yes, there is, use https://www.googleapis.com/auth/contacts.readonly scope , "view contacts". this exchange reference read-only access google contacts can find using google. simply using access token obtained attempt read usual google contacts api (i.e. https://www.google.com/m8/feeds ) fails insufficient permissions. similarly, using google contacts api on new target fails 404 errors (for example https://www.googleapis.com/auth/contacts.readonly/default/full ). is there documentation anywhere on how use api, or permissible way access google contacts api full read-write access?
Read more

php - Controller/JToolBar not working in Joomla 2.5 -

relevant code: jtoolbarhelper::custom('savecategories', 'save', '', 'save', false, false); ... <input type="hidden" name="controller" value="easyblogcontroller"> according can dig docs , own previous questions, should call savecategories() function in easyblogcontroller . i've tried setting value easyblog , easyblog.php (file name) current easyblogcontroller (class name). clicking on save button refreshes page. not redirect, echo or var_dump test code put in savecategories() function. var_dump ing jrequest::getvar('controller') , 'task' return correct values. creating controller object , using $controller->execute('task'); works. the values going depend on location of controller trying call, , have couple options here. typically there controller in base folder of component (likely components/com_easyblog) in file called controller.php , class name inside ...
Read more