How can I properly remove a model from a collection in Backbone.js?
var item = new Backbone.Model({
id: "01",
someValue: "blabla",
someOtherValue: "boa"
});
var list = new Backbone.Collection([item]);
list.get("01").destroy();
After calling the destroy method:
The item is still present in the backbone array.
I am hesitant about agreeing with the consensus provided. When a model is destroyed, the "destroy" event moves through any collection that contains the model. Therefore, when you destroy a model, it should not be necessary to also remove it from the list.
model.destroy();
This should suffice.
Upon reviewing your code, it appears to be accurate: (Assuming the purpose is to both destroy + remove, not merely remove)
list.get('01').destroy();
Are you certain that your resource is being properly destroyed? Have you attempted adding success and error callbacks in your destroy() function to confirm that the destroy operation was carried out? For instance, if there is an issue with your model's URL and it cannot access the resource, the destroy call might fail and the model would remain in the collection. This would result in the issues described in your question.
If you place the remove() method after the destroy call, then the model will definitely be removed from the collection. However, the model will still exist elsewhere (persisted). This could align with your intention, but considering you are using destroy(), I assume you intend to completely obliterate it. Although remove may appear to work, it only hides the fact that the model has been destroyed when it may not have actually been.
Hence, my suspicion is that something is preventing the model from being properly destroyed. This explains why even after calling destroy() and checking your collection, the model remains present.
It's possible that I'm mistaken. Could you please verify this and update us on your findings?
It is advisable to eliminate the model from the collection as well.
var requestedModel = list.get('01');
requestedModel.destroy();
list.remove(requestedModel);
Seeking assistance with making a notification draggable when added to a webpage. The notifications are housed in a parent div named notification_holder Here is the structure: <div class="notification_holder"> <div class="container"><b ...
I have created a basic HTML structure with a paragraph and a button. Upon clicking the button, I need different actions to take place. Specifically, on the first click, I want to change the color of the paragraph. On the second click, I aim to alter the fo ...
Encountering an Error message while attempting to run Intern tests from the test files directory. The structure of the directory is as follows: test resources rest pickup.js cashManagement.js gitignore intern.js packages.js ...
I am having an issue with adding form data to a database using JavaScript. The postData is correctly being read as I can see in an alert message, but the URL is not executing. I have tried it with both 'donorlist' and '/donorlist'. $(d ...
I've been attempting to accomplish a straightforward task, but for some reason, it's not working and I can't figure out why. Within the parent component, App.vue, I have the following: data() { return { servers: [ { ...
In my code, I have a special Layout component that compares routing queries and displays the appropriate layout based on the query. I'm looking to extend this functionality to handle dynamic routing scenarios, such as invoices/invoice-1. Currently, ...
I'm having trouble passing data as parameters in a GET route. When I check on the server side, it's showing up as undefined. What am I doing wrong? Here is the React code: Important Note: process.env.REACT_APP_API = localhost:5000/api const App ...
I am continuously receiving the warning message: Each child in a list should have a unique "key" prop. Even though I have assigned a key with an index number to my element, it does not appear in the HTML when inspecting via dev tools. The key values are a ...
I am seeking information on how to update the URL without a full page reload, similar to the functionality seen on this website . When clicking on tabs, the URL changes seamlessly without refreshing the entire page. While some sources suggest that this m ...
Consider having two arrays that are the same size, with no duplicates, where each item in array 1 is found in array 2: arr1 = np.array([100,200,50,150]) arr2 = np.array([150,200,100,50]) What would be the optimal method to create an index map called inds ...
Having difficulty with TypeScript/JavaScript Currently working with an array of functions like this private listeners: ((name: string) => void)[] = []; Successfully adding functions to the array within another function. Now looking to trigger those ...
I am facing an issue with my Vue application. I have a table where each row has its own unique id. I need to show or hide certain elements based on a condition in the v-model directive which compares the row id with a value in the model. The current code s ...
I'm working with the following script : <script> $().ready(function(){ $('.request_list').click(function(){ requesting_dept = $('#requesting_department_name').val(); alert(requesting_dept); $. ...
My code is designed to send an ajax request when a form is submitted, specifically a search module. It works perfectly the first time the form is submitted, highlighting the table when data is returned. However, I am only able to see the effect once, as th ...
My chat page skeleton is in place, but I'm facing challenges in connecting all the pieces. My goal is to send messages to the server whenever a user clicks 'send', and to update the displayed messages every 3 seconds. Any insights, tips, or ...
I am facing an issue with a contenteditable tag on my website. Users are unable to type code into the tag and have it display as an actual element instead of just text. Is there a way for users to input full, working HTML elements in a contenteditable box ...
Simply put: Upon clicking the login button in Firefox, Chrome, or Safari, the form is submitted correctly, running a validation via ajax and opening a new page. However, in Internet Explorer (version less than 9), the submission attempts to post to the c ...
I am currently facing an issue when trying to read data from an angular promise that was returned. Before, I had the following code: var data = category.get({id:userid}); Later, I realized that the data being returned was an unresolved promise. So, I ma ...
I have implemented a two state jstree. However, I am encountering an issue where it is not possible to select any other node in relation to a node. My goal is that when I click on a specific node, all of its parent nodes should also be checked. Any assist ...
I am currently utilizing ReactJS/NextJS along with Redux and redux-persist, as well as Ant Design. Recently, I have noticed that my html codes and other data are not rendering in the page's source. They do render in the browser and when inspected, but ...