javascript - VueJS Element vue-data-tables Search box filter with range -

-

i using vuejs 2.0 along http://element.eleme.io , https://njleonzhang.github.io/vue-data-tables. been trying figure out how can ranged search (x y) https://njleonzhang.github.io/vue-data-tables/#/searchboxfilter unable figure out , not find examples. feel can done filterfunction, unsure. or maybe add more text inputs can take 2 numbers, , pass values filterfunction? not sure if has example on how done, extremely appreciate it. below have far, removed tried, not confuse anyone.

<template>   <data-tables ref="multipletable" :data="tabledata" :pagination-def="paginationdef" :search-def="searchdef" @filtered-data="handlefiltereddata"  @selection-change="handleselectionchange">      <el-row slot="custom-tool-bar" style="margin-bottom: 10px">       <el-col>         <el-button @click="hidefiltereddata()" type="primary">delete filtered</el-button>         <el-button @click="hideselectiondata()" type="primary">delete selected</el-button>       </el-col>     </el-row>        <el-table-column       type="selection"       width="55">     </el-table-column>      <el-table-column prop="id" label="id" sortable="custom">     </el-table-column>      <el-table-column prop="title" label="title" sortable="custom">     </el-table-column>   </el-table-column></data-tables> </template> <script> import axios 'axios' export default {  data() {   return {    tabledata: [],    filtereddata: [],    paginationdef: {     pagesize: 10,     pagesizes: [10, 20, 50, 100],    },    searchdef: {     props: ['title', 'id']    },    multipleselection: []   }  },  mounted() {   axios.post('select.py', {    table: 'master',    where: [     {      hidden: 0,      deal_website: 'dailysteals'     }    ]   })   .then(response => {    this.tabledata = response.data   })   .catch(function (error) {    console.log(error);   });  },  methods: {   handlefiltereddata(filtereddata) {    this.filtereddata = filtereddata   },   hidefiltereddata(){    this.filtereddata.foreach(function(item){     console.log('id: ' + item.title);    })   },   handleselectionchange(val) {    this.multipleselection = val;   },   hideselectiondata(){    this.multipleselection.foreach(function(item){     console.log(item.id)    })   }  } } </script>


Comments

Post a Comment

Popular posts from this blog

ios - MKAnnotationView layer is not of expected type: MKLayer -

-
Image
so code works fine logger riddled message. there way rid of or suppress it? postannotation.swift class postannotation: mkpointannotation { //mark: properties let post: post //mark: initialization init(post: post) { self.post = post super.init() self.coordinate = cllocationcoordinate2d(latitude: post.latitude, longitude: post.longitude) self.title = post.title self.subtitle = post.timestring() } } adding annotation let annotation = postannotation(post: post) self.map.addannotation(annotation) func mapview func mapview(_ mapview: mkmapview, viewfor annotation: mkannotation) -> mkannotationview? { if annotation mkuserlocation { return nil } var annotationview = mapview.dequeuereusableannotationview(withidentifier: "pin") as? mkpinannotationview if annotationview == nil { annotationview = mkpinannotationview(annotation: annotation, reuseidentifier: "pin")
Read more

ZeroMQ on Windows, with Qt Creator -

-
i have installed zmq link given below on windows 7. http://zeromq.org/distro:microsoft-windows 1) have c++ project in qt-creator , i'm using zmq c++ binding (zhelpers.hpp etc). 2) have added .lib installed zmq folder qtcreator 3) while compiling, compiler looks _imp__zmq_verion, in .dll files present in .lib have __imp_zmq_version. 4) causing undefined reference zmq_version. anyone else faced problem , has solution ?
Read more

unity3d - Unity SceneManager.LoadScene quits application -

-
i have 2 different scenes 1 named 'main' , other 'game' both added scenes in load. when use scenemanager.loadscene("game"); works no problem when tried return main scene code if (input.getkeydown (keycode.escape)) { scenemanager.loadscene("main"); } strangely game quits. thanks. sorry interruption. somewhere on other script found code. if (input.getkeydown (keycode.escape)) { application.quit (); } that's bad, know...
Read more