堆棧內存溢出
  簡體   English   中英

ExtJS 6網格面板存儲不會填充

[英]ExtJS 6 Grid Panel Store does not populate

 原文  2017-05-05 19:35:54  7   2    javascript/ php/ extjs/ gridpanel

問題描述

我已經通過帖子在這里 ， 這里 ， 類似的問題 等閱讀 ，但沒有任何工作在我的問題。 所以我想在這里提出我的問題：如何使用PHP填充ExtJS網格面板（我正在使用ExtJS 6.2）？ 

var programStore = Ext.create('Ext.data.JsonStore', {
    remoteSort: false,
    autoLoad: true,
    proxy: {
        type: 'ajax',
        url: '/navigasipskl/model/izin.php',
        actionMethods: {
            read: 'POST',
            update: 'POST',
            create: 'POST'
        },
        reader: {
            type: 'json',
            root: 'root',
            idProperty: 'id'
        }
    },
    sorters: [{
       property: 'id',
       direction: 'ASC'
    }],
    fields: [
        {name: 'id'},
        {name: 'provinsi'},
        {name: 'kabkot'},
        {name: 'kecamatan'},
        {name: 'desa'},
        {name: 'skema'},
        {name: 'hl'},
        {name: 'hp'},
        {name: 'hpt'},
        {name: 'hpk'},
        {name: 'sk_no'},
        {name: 'sk_tanggal'},
        {name: 'sk_luas'},
        {name: 'lembaga_jenis'},
        {name: 'lembaga_nama'},
        {name: 'pendamping_lembaga'},
        {name: 'pendamping_nama'},
        {name: 'pendamping_kontak'},
        {name: 'pendamping_email'},
        {name: 'komoditi_jenis'},
        {name: 'komoditi_nama'},
        {name: 'komoditi_luas'},
        {name: 'jml_kk'},
        {name: 'ketua_nama'},
        {name: 'ketua_kontak'},
        {name: 'ketua_email'},
        {name: 'factsheet'},
        {name: 'file_sk'},
        {name: 'file_peta'},
        {name: 'p_83'},
        {name: 'pemegang_izin'},
        {name: 'jenis_izin_pemanfaatan'},
        {name: 'kelompok_mitra'},
        {name: 'jenis_kemitraan'}
    ]
});

var grid = Ext.create('Ext.grid.Panel', {
    store: Ext.data.StoreManager.lookup('programStore'),
    columns: [
        {text: 'Id', flex: 1, dataIndex: 'id', hidden: true},
        {text: 'Provinsi', flex: 1, dataIndex: 'provinsi'},
        {text: 'Kabupaten/Kota', flex: 1, dataIndex: 'kabkot', hidden: true},
        {text: 'Kecamatan', flex: 1, dataIndex: 'kecamatan', hidden: true},
        {text: 'Desa', flex: 1, dataIndex: 'desa', hidden: true},
        {text: 'Skema', flex: 2, dataIndex: 'skema'},
        {text: 'Hutan Lindung', flex: 1, dataIndex: 'hl', hidden: true},
        {text: 'Hutan Produksi', flex: 1, dataIndex: 'hp', hidden: true},
        {text: 'Hutan Produksi Terbatas', flex: 1, dataIndex: 'hpt', hidden: true},
        {text: 'HPK', flex: 1, dataIndex: 'hpk', hidden: true},
        {text: 'SK No', flex: 1, dataIndex: 'sk_no', hidden: true},
        {text: 'Jenis Lembaga', flex: 1, dataIndex: 'lembaga_jenis', hidden: true},
        {text: 'Nama Lembaga', flex: 1, dataIndex: 'lembaga_nama', hidden: true},
        {text: 'Nama Komoditi', flex: 1, dataIndex: 'komoditi_nama'},
        {text: 'Jumlah KK', flex: 1, dataIndex: 'jml_kk'},
        {text: 'Nama Ketua', flex: 1, dataIndex: 'ketua_nama'},
        {text: 'Kontak Ketua', flex: 1, dataIndex: 'ketua_kontak', hidden:true},
        {text: 'Izin Pemanfaatan', flex: 1, dataIndex: 'jenis_izin_pemanfaatan', hidden:true},
        {text: 'Jenis Kemitraan', flex: 1, dataIndex: 'jenis_kemitraan', hidden:true}
    ],
    height: 200,
    width: 400,
    renderTo: Ext.getBody()
});

這是我的查詢結果： [ { id: "1", provinsi: "SUMATERA UTARA", kabkot: "TAPANULI SELATAN", kecamatan: "Sayur Matinggi", desa: "Aek Badak Julu", skema: "HD", hl: "435", hp: "0", hpt: null, hpk: "0", sk_no: "SK.1010/Menlhk-PSKL/PKPS/PSL.0/3/2017", sk_tanggal: "3/10/2017", sk_luas: "435", lembaga_jenis: null, lembaga_nama: null, pendamping_lembaga: null, pendamping_nama: null, pendamping_kontak: null, pendamping_email: null, komoditi_jenis: null, komoditi_nama: null, komoditi_luas: "0", jml_kk: "348", ketua_nama: "Kasnihati / -", ketua_kontak: "082165489955 / -", ketua_email: null, factsheet: null, file_sk: null, file_peta: null, p_83: "sesudah", pemegang_izin: null, jenis_izin_pemanfaatan: null, kelompok_mitra: null, jenis_kemitraan: null }, { id: "2", provinsi: "SUMATERA UTARA", kabkot: "TAPANULI TENGAH", kecamatan: "Andam", desa: "Sigolang", skema: "HD", hl: "0", hp: "1414", hpt: null, hpk: "0", sk_no: "SK.1014/Menlhk-PSKL/PKPS/PSL.0/3/2017", sk_tanggal: "3/10/2017", sk_luas: "1414", lembaga_jenis: null, lembaga_nama: null, pendamping_lembaga: null, pendamping_nama: null, pendamping_kontak: null, pendamping_email: null, komoditi_jenis: null, komoditi_nama: null, komoditi_luas: "0", jml_kk: "170", ketua_nama: "Jarifon Tinam Bunan / -", ketua_kontak: "081375194193 / -", ketua_email: null, factsheet: null, file_sk: "SK HPHD SIGOLANG.pdf", file_peta: "SIGOLANG.JPG", p_83: "sesudah", pemegang_izin: null, jenis_izin_pemanfaatan: null, kelompok_mitra: null, jenis_kemitraan: null } ] [ { id: "1", provinsi: "SUMATERA UTARA", kabkot: "TAPANULI SELATAN", kecamatan: "Sayur Matinggi", desa: "Aek Badak Julu", skema: "HD", hl: "435", hp: "0", hpt: null, hpk: "0", sk_no: "SK.1010/Menlhk-PSKL/PKPS/PSL.0/3/2017", sk_tanggal: "3/10/2017", sk_luas: "435", lembaga_jenis: null, lembaga_nama: null, pendamping_lembaga: null, pendamping_nama: null, pendamping_kontak: null, pendamping_email: null, komoditi_jenis: null, komoditi_nama: null, komoditi_luas: "0", jml_kk: "348", ketua_nama: "Kasnihati / -", ketua_kontak: "082165489955 / -", ketua_email: null, factsheet: null, file_sk: null, file_peta: null, p_83: "sesudah", pemegang_izin: null, jenis_izin_pemanfaatan: null, kelompok_mitra: null, jenis_kemitraan: null }, { id: "2", provinsi: "SUMATERA UTARA", kabkot: "TAPANULI TENGAH", kecamatan: "Andam", desa: "Sigolang", skema: "HD", hl: "0", hp: "1414", hpt: null, hpk: "0", sk_no: "SK.1014/Menlhk-PSKL/PKPS/PSL.0/3/2017", sk_tanggal: "3/10/2017", sk_luas: "1414", lembaga_jenis: null, lembaga_nama: null, pendamping_lembaga: null, pendamping_nama: null, pendamping_kontak: null, pendamping_email: null, komoditi_jenis: null, komoditi_nama: null, komoditi_luas: "0", jml_kk: "170", ketua_nama: "Jarifon Tinam Bunan / -", ketua_kontak: "081375194193 / -", ketua_email: null, factsheet: null, file_sk: "SK HPHD SIGOLANG.pdf", file_peta: "SIGOLANG.JPG", p_83: "sesudah", pemegang_izin: null, jenis_izin_pemanfaatan: null, kelompok_mitra: null, jenis_kemitraan: null } ]請有人幫助我。 任何想法都非常感謝。 謝謝！

2 個解決方案

解決方案1
 0 已采納  2017-05-06 00:41:19

您正在將該商店創建到變量中。 StoreManager期望商店有storeId，我認為它期望使用Ext.define定義商店

如果您像創建的那樣將商店創建為變量，則可以直接將變量傳遞到商店配置中。 無需使用商店經理。 

var programStore = Ext.create('Ext.data.JsonStore', {
    remoteSort: false,
    autoLoad: true,
    proxy: {
        type: 'ajax',
        url: '/navigasipskl/model/izin.php',
        actionMethods: {
            read: 'POST',
            update: 'POST',
            create: 'POST'
        },
        reader: {
            type: 'json',
            root: 'root',
            idProperty: 'id'
        }
    },
    sorters: [{
       property: 'id',
       direction: 'ASC'
    }],
    fields: [
        {name: 'id'},
        {name: 'provinsi'},
        {name: 'kabkot'},
        {name: 'kecamatan'},
        {name: 'desa'},
        {name: 'skema'},
        {name: 'hl'},
        {name: 'hp'},
        {name: 'hpt'},
        {name: 'hpk'},
        {name: 'sk_no'},
        {name: 'sk_tanggal'},
        {name: 'sk_luas'},
        {name: 'lembaga_jenis'},
        {name: 'lembaga_nama'},
        {name: 'pendamping_lembaga'},
        {name: 'pendamping_nama'},
        {name: 'pendamping_kontak'},
        {name: 'pendamping_email'},
        {name: 'komoditi_jenis'},
        {name: 'komoditi_nama'},
        {name: 'komoditi_luas'},
        {name: 'jml_kk'},
        {name: 'ketua_nama'},
        {name: 'ketua_kontak'},
        {name: 'ketua_email'},
        {name: 'factsheet'},
        {name: 'file_sk'},
        {name: 'file_peta'},
        {name: 'p_83'},
        {name: 'pemegang_izin'},
        {name: 'jenis_izin_pemanfaatan'},
        {name: 'kelompok_mitra'},
        {name: 'jenis_kemitraan'}
    ]
});

var grid = Ext.create('Ext.grid.Panel', {
    store: programStore, // use variable if not using Ext.define
    columns: [
        {text: 'Id', flex: 1, dataIndex: 'id', hidden: true},
        {text: 'Provinsi', flex: 1, dataIndex: 'provinsi'},
        {text: 'Kabupaten/Kota', flex: 1, dataIndex: 'kabkot', hidden: true},
        {text: 'Kecamatan', flex: 1, dataIndex: 'kecamatan', hidden: true},
        {text: 'Desa', flex: 1, dataIndex: 'desa', hidden: true},
        {text: 'Skema', flex: 2, dataIndex: 'skema'},
        {text: 'Hutan Lindung', flex: 1, dataIndex: 'hl', hidden: true},
        {text: 'Hutan Produksi', flex: 1, dataIndex: 'hp', hidden: true},
        {text: 'Hutan Produksi Terbatas', flex: 1, dataIndex: 'hpt', hidden: true},
        {text: 'HPK', flex: 1, dataIndex: 'hpk', hidden: true},
        {text: 'SK No', flex: 1, dataIndex: 'sk_no', hidden: true},
        {text: 'Jenis Lembaga', flex: 1, dataIndex: 'lembaga_jenis', hidden: true},
        {text: 'Nama Lembaga', flex: 1, dataIndex: 'lembaga_nama', hidden: true},
        {text: 'Nama Komoditi', flex: 1, dataIndex: 'komoditi_nama'},
        {text: 'Jumlah KK', flex: 1, dataIndex: 'jml_kk'},
        {text: 'Nama Ketua', flex: 1, dataIndex: 'ketua_nama'},
        {text: 'Kontak Ketua', flex: 1, dataIndex: 'ketua_kontak', hidden:true},
        {text: 'Izin Pemanfaatan', flex: 1, dataIndex: 'jenis_izin_pemanfaatan', hidden:true},
        {text: 'Jenis Kemitraan', flex: 1, dataIndex: 'jenis_kemitraan', hidden:true}
    ],
    height: 200,
    width: 400,
    renderTo: Ext.getBody()
});

順便說一句，如果你只是在你的應用程序中使用這個網格作為額外組件它可能沒問題，但如果你正在構建純粹的ExtJS應用程序，我認為你應該使用Ext.define，定義你的類並使用更多的“標准”方法來創建商店/一般的網格/類

您可以在廚房水槽中查看許多ExtJS示例http://examples.sencha.com/extjs/6.2.0/examples/kitchensink/#array-grid

解決方案2
 0  2017-05-07 19:32:50

您需要有一個storeId供商店使用StoreManager extjs 6 StoreManager文檔

暫無
暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 ExtJS網格面板未填充存儲中的數據 EXT Grid面板不填充數據並創建空白行 EXTJS GRID和商店 面板內的網格 extJS (Sencha) ExtJS網格面板的Ajax問題 ExtJs編輯器網格面板存在問題 自定義ExtJs Tree Grid面板 ExtJS 網格面板上的滾動事件？ 全局存儲中的硬編碼數據未顯示在extjs網格中 ExtJS-更改代理URL然后加載存儲不會更新網格
相關標簽
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM