jquery - Column filter on button click in datatables -

-

morning all,

new datatables, python , jquery bear me. i'm trying datatables table imported through python filter on column results on button click. i've searched answers already, seem geared around text filters or selector filters, isn't i'm looking for.

here's jsfiddle mockup created:

https://jsfiddle.net/4m5up9bx/2/

    <div align=center><a href="a" class="navy small btn">mapping tools</a>     <a href="b" class="teal small btn">charting tools</a>     <a href="c" class="green small btn">analyzing data</a>     <a href="d" class="yellow small btn">programming tools</a>     <a href="e" class="orange small btn">other data tools</a></div>       <table id="tools" border=1 cellpadding=7>         <thead>         <th>program</th>         <th>type</th>         <th>skill level</th>         <th>website</th>       </thead>     <tbody>         <tr>             {% obj in object_list %}              <td><a href="{{ obj.id }}/">{{ obj.program }}</a></td>             <td>{{ obj.type }}</td>             <td>{{ obj.skill_level }}</td>             <td><a href="{{ obj.website }}/">{{ obj.website }}</a></td>             </tr>         {% endfor %}     </tbody>     </table>

doesn't quite work without python give gist. start, table displays results, might expect. essentially, want allow click 1 of buttons , have table filter if column "type" equals set text value.

i have field ('type') includes 5 set values: mapping, charts, data analysis, programming , other.

so, if click mapping tools button, i'd datatable filter results {{obj.type}} = "mapping" thoughts?

you may use server-side datatable. can pass custom parameter object (ie, mapping, charts)to ajax request , fetch json data , show on datatable. or can check "generated content column"


Comments

Post a Comment

Popular posts from this blog

node.js - Mongoose: Cast to ObjectId failed for value on newly created object after setting the value -

-
this question has answer here: what's mongoose error cast objectid failed value xxx @ path “_id”? 7 answers even though has been asked many times because entity has no valid objectid field. i came across situation objectid set value can casted objectid still error. the schema: var serviceschema = parammongoose.schema({ servicename:{ type: parammongoose.schema.types.objectid , ref: 'servicenames',required:true } }); pseudo code: servicefromdb=new service({servicename:'some name'}); servicefromdb.servicename='000000000000000000000001'; servicefromdb.save(function(paramerror,paramdata){ if(paramerror){ console.log('but but...',servicefromdb,paramerror) } }); the output of code is: but but... { servicename: 000000000000000000000001, _id: 55079a90286f49280364f78b } { [casterror: cast objectid faile...
Read more

gradle error "Cannot convert the provided notation to a File or URI" -

-
i have defined 2 system properties in gradle.properties: systemprop.builddir=build systemprop.cfgdir=build\\cfg and have following task defined in build.gradle: task clean(group:'clean',description:'clean project') << { ant.sequential { delete(dir: system.properties.builddir) mkdir(dir: system.properties.builddir) delete(dir: system.properties.cfgdir) mkdir(dir: system.properties.cfgdir) } } this generates following error: execution failed task ':clean'. > cannot convert provided notation file or uri: {dir=build}. following types/formats supported: - string or charsequence path, e.g 'src/main/java' or '/usr/include' - string or charsequence uri, e.g 'file:/usr/include' - file instance. - uri or url instance. but equivalent block of code not generate error , works expected: task clean(group:'clean',description:'clean project') << { ...
Read more

python - NameError: name 'subprocess' is not defined -

-
i'm trying make rng website: http://jamesdotcom.com/?p=417 . when run following code: captureimage = subprocess.popen( [ "fswebcam", "-r", "356x292", "-d", "/dev/video0", "static.jpg", "--skip", "10" ], stdout=devnull, stderr=devnull) captureimage.communicate() i following error message: nameerror: name 'subprocess' not defined what should do? thanks have imported first? import subprocess captureimage = subprocess.popen(["fswebcam", ...) subprocess included in python standard library since python 2.4. should not necessary install it.
Read more