vt-datagrid v1.0.3

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,
     })