vt-datagrid

vue表格分页组件

Use

$ npm install vt-datagrid --save

 import Datagrid from 'vt-datagrid'
 
 Vue.component('Datagrid', Datagrid)

Dependencies

该组件依赖 vt-table组件和 vt-pagination组件

Api

Props

• params 查询参数
• url 请求的地址
• method请求的方式 get post,默认 get
• pageNumber bool类型，控制弹窗是否可以拖动，默认 true
• pageSize bool类型，控制弹窗是否可以拖动，默认 true
• selection 是否有复选框 false
• pageList 当前页面可以展示多少条数据的数组

Event

• selectionChange 当用复选框时，选择一行时触发的事件

Setting

• 全局配置

   {
     post: noop, //ajax post请求方法
     get: noop,  //ajax get请求方法
     pageNumber: 1,//datagird组件全局默认选中第几页，默认1
     pageSize: 20, //datagird组件全局默认每页展示多少条记录，默认20
     pageList: [10, 20, 50, 100, 200],//datagird组件全局默认分页下卡框的值
     requestInterceptor: noop, //请求拦截器，参数为发送给后端的参数
     responeseInterceptor: function (data) {//组件响应拦截器，参数为后端返回的数据
         return data
     }
   }

• 使用$set静态方法来设置项目中的全局设置。例如：

   improt {get,post} from 'apis/utils/index'
   
   Datagird.$set({  //设置datagird组件 所使用的ajax函数
       post: post,
       get: get,
   })