skyeye項目-showGrid插件的使用

原創

2020-06-19 02:15

showGrid是作者自己封裝的一款非表格展示插件，支持分頁展示，數據回顯，列表展示等。

項目地址：https://gitee.com/doc_wei01_admin/skyeye
插件使用方法：

showGrid({
    id: "showForm",//id 加載模塊展示的位置
    url: reqBasePath   "icon001",//請求url
    params: {},//參數
    pagination: true,//是否分頁，默認不分頁
    pagesize: 10,//頁顯示，默認10
    pageindex: 1,//第幾頁，默認1
    pageClickBefore: function(index){},//點擊分頁之前的回調函數
    pageClickAfter: function(index){},//點擊分頁之後的回調函數
    ajaxSendBefore:function(json){},//ajax請求之前的回調函數
    template: getFileContent('tpl/syseveicon/icon-item.tpl'),//模板
    ajaxSendLoadBefore: function(hdb){},//ajax請求之後的加載數據之前的回調函數
    options: {'click .del':function(index, row){}},//按鈕監聽事件
    ajaxSendAfter:function(json){}//ajax請求之後的回調函數
});

該模板插件依賴於 Handlebars.

下拉框使用案例：

模板文件（名稱：select-option.tpl）

<option value="">全部</option>
{{#each rows}}
    <option value="{{id}}">{{name}}</option>
{{/each}}

js內容

showGrid({
    id: "sysFirstType",
    url: reqBasePath   "sysevewintype012",
    params: {},
    pagination: false,
    template: getFileContent('tpl/template/select-option.tpl'),
    ajaxSendLoadBefore: function(hdb){
    },
    ajaxSendAfter:function(json){
        form.render('select');
    }
});