Databases
StackOverflow2013
Postsdbo
POhow to delete "select-all" and "select-row" in backgrid.js?
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POhow to delete "select-all" and "select-row" in backgrid.js?
    text
    copied!<p>js and i am new to it i am done with show data in grid ,now i add select-all header cell and cell as select-row now i am not getting how to delete checked row from server and how can i make html del button for it.which will connect to it?</p> <p>here is my java scripts which i am using:--</p> <pre><code>&lt;%= stylesheet_link_tag "bootstrap.min" %&gt; &lt;%= stylesheet_link_tag "backgrid" %&gt; &lt;%= stylesheet_link_tag "backgrid-filter" %&gt; &lt;%= stylesheet_link_tag "backgrid-paginator" %&gt; &lt;%= stylesheet_link_tag "backgrid-select-all.min" %&gt; &lt;%= javascript_include_tag "jquery-1.4.2.min.js"%&gt; &lt;%= javascript_include_tag "underscore.js"%&gt; &lt;%= javascript_include_tag "backbone.js"%&gt; &lt;%= javascript_include_tag "lunr.js"%&gt; &lt;%= javascript_include_tag "backgrid.js"%&gt; &lt;%= javascript_include_tag "backbone-pageable.js"%&gt; &lt;%= javascript_include_tag "backgrid-filter.js"%&gt; &lt;%= javascript_include_tag "backgrid-paginator.js"%&gt; &lt;%= javascript_include_tag "backgrid-select-all.min.js"%&gt; </code></pre> <p>and backgrid modal and grid code:-</p> <pre><code>var Territory = Backbone.Model.extend({}); var PageableTerritories = Backbone.PageableCollection.extend({ model: Territory, url: urlvariable, state: { pageSize: 15 }, mode: "client" // page entirely on the client side }); var pageableTerritories = new PageableTerritories(); var columns = [{ // name is a required parameter, but you don't really want one on a select all column name: "", // Backgrid.Extension.SelectRowCell lets you select individual rows cell: "select-row", // Backgrid.Extension.SelectAllHeaderCell lets you select all the row on a page headerCell: "select-all", },{ name: "FirstName", label: "First Name", // The cell type can be a reference of a Backgrid.Cell subclass, any Backgrid.Cell subclass instances like *id* above, or a string cell: "string" // This is converted to "StringCell" and a corresponding class in the Backgrid package namespace is looked up }, { name: "LastName", label: "Last Name", cell: "string" // An integer cell is a number cell that displays humanized integers }, { name: "PatientId", label: "Patient Id", cell: "uri" // A cell type for floating point value, defaults to have a precision 2 decimal numbers }, { name: "RoomNumber", label: "Room Number", cell: "string" // A cell type for floating point value, defaults to have a precision 2 decimal numbers }, { name: "AdmissionDate", label: "Admission Date", cell: "date" // A cell type for floating point value, defaults to have a precision 2 decimal numbers }, { name: "DischargeDate", label: "Discharge Date", cell: "date" // A cell type for floating point value, defaults to have a precision 2 decimal numbers }, { name: "MeasureCategory", label: "MeasureCategory", cell: "string" // A cell type for floating point value, defaults to have a precision 2 decimal numbers }]; // Set up a grid to use the pageable collection var pageableGrid = new Backgrid.Grid({ columns: columns, collection: pageableTerritories }); // Render the grid $("#grid").empty(); var $example2 = $("#grid"); $example2.append(pageableGrid.render().$el) // Initialize the paginator var paginator = new Backgrid.Extension.Paginator({ collection: pageableTerritories }); // Render the paginator $example2.append(paginator.render().$el); // Initialize a client-side filter to filter on the client // mode pageable collection's cache. var filter = new Backgrid.Extension.ClientSideFilter({ collection: pageableTerritories.fullCollection, fields: ['FirstName'] }); // Render the filter $example2.prepend(filter.render().$el); // Add some space to the filter and move it to the right filter.$el.css({float: "right", margin: "20px"}); // Fetch some data pageableTerritories.fetch({reset: true}); } </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload