I need help with the use of ajax in my case. I override the ProductController class in a module that I customized and added a array that included the carriers of the product.
I direct this data in the template product.tpl and I use Bootstrap to display a link that opens a modal where the data is displayed.
link Bootstrap
And I would like to have help using ajax so that the content of the modal updates without updating the page please.
Related
I am using Drupal 7.54. I want to attach or embed a node add form to a view so that when a user submits the form, the view below the form will be updated in realtime via ajax. The form will be shown above the view. My view block name is Statuses Stream.
I tried Form block module and putting the form in the header section of my view using views ui, but after submit, it was redirecting to the node created page.
Then I tried Advanced Form Block module. I created a form using AFB module. The form name is Statuses. It is submitting the form with ajax, but it is not updating the view in the realtime. I have to refresh the page manually to show the created node below the form.
I am open to any solution programmatically or through a module.
Note: For those who know, I am trying to mimic the statuses module. It does exactly what I am looking for. The problem began when I came to know that it is not an entity. So now I am trying to make the same functionality with Content type.
You could use something like Views Refresh to manually update the view below instead of refreshing the page.
Is it possible to make Yii booster navbar use ajaxLinks instead of simple links?
Browsing through the extension code didn't give me any results.
you can use directly jquery ajax function for this, just give a menu id or class name then use this for ajax link
I am new to web development..
i have created views using Entity Framework in MVC3 Razor..
What i have done yet is,
i 1st created model(Clients) and DbContext(ClientDbContext) Classes.
then, i add controller with scaffolfind options
Template: Controller with read/Write actions and View, Using Entity Framework
Model Class: Clients
Data Context Class : ClientDbContext
Views : Razor(CSHTML)
It Creates the controller class and index, Detail, Delete, Delete Views...
After that i modified the index page for search and pagination...
All are working good...
in the index page i have create, edit, delete, detail links...
When i click the links browser loads to that page and working good...
But i need to popup those views when i click the links in the index page...
i don't know how to do this... i studied many articles but i am confused...
Please help me to solve this with an efficient manner...
Thanks in advance...
Creating a model pop-up within a page isn't something that can be done directly with ASP.NET MVC. You could do it yourself using javascript & css but I would strongly recommend using a JS UI framework to do this. jQuery UI has a pop-up modal box, except they call it a dialog.
The docs for jQuery UI's dialog can be found here. Have a look through the examples to see the fine details of how to set it up. But this is the basic flow of what you need to do:
Download the jQuery UI files needed and include them on your page (CSS/JS files)
Take the html from your create/update/delete views and put it on your index page, wrap them in a div with an appropriate id
When the page loads use jquery ui to target your div's you want to be a popup
Things such as the link you want to make a dialog popup is set by passing options to the dialog initialize method, again the exact options and examples can be found on the docs page.
Refer this : http://jqueryui.com/dialog/ to create a jQuery Dialog box.
<script>
$(function() {
$( "#dialog" ).dialog();
});
</script>
<div id="dialog">
#using(Html.BeginForm()){
#Html.EditorForModel()
<input type='submit' value ='Submit'/>
}
</div>
I wrote a custom link in my page which created by views module, I want to click it to do something, then the page will refresh by ajax, how do I implement this?
I am sorry I didn't express myself clearly, I use Drupal 7, and the Views module to custom my own page.
You can use this module https://www.drupal.org/project/views_refresh or just use the code below in your JS to refresh the view.
$('.view-dom-id-403402eee35f68cd32fe87b45702dc63').triggerHandler('RefreshView');
Attach an event to the link, and when that is fired, execute an AJAX request.
I am new to Bootstrap. I am facing a problem which I am not able to figure out the reason. If I load a content dynamically the collapse is not working. It is not adding the class in on hover as in http://twitter.github.com/bootstrap/javascript.html#collapse but if the same html copied from dom and added as a static element the method is working. I am using ajax to load the content and in the complete function initializing the events. Any idea why the content don't expand on hover with ajax.
Call $(".collapse").collapse(); after contents are loaded dynamically.