sebelumnya aq lagi nyoba2 latihan extjs 4.1,,,,
cari2 di google, dapat info tutorial di http://extjstutorial.info/
lumayan ada bayangan extjs itu apaan sebenarnya
nyobain latihan grid array yang ada di : http://extjstutorial.info/extjs-4-tutorial-building-simple-array-grid-using-extjs-4
tapi blum ada ngambil data lewat DB
coba cari how to nya di http://docs.sencha.com/ext-js/4-1
mumet juga,,,,,dari jam 10.00-13.40 nyoba smua class yang berhubungan dengan data store
nyobain yang pake class Json.Store malah pusing tujuh keliling,,,,g kluar-keluar juga record nya
akhirnya nemu juga, tapi kok balik lagi pake class data.Store (seperti yang ada di tutorial link di atas - http://extjstutorial.info/extjs-4-tutorial-building-simple-array-grid-using-extjs-4)
ternyata kudu ditambahin class model sama load nya aja
akhirnya aq tambahin juga itu pake tools bar nya,,,biar keren he3
namanya jga latihan, jadi smua nya di cobain aja :P
bbar: new Ext.PagingToolbar({
pageSize: 5,
store: store,
displayInfo: true,
displayMsg: 'Displaying topics {0} - {1} of {2}',
emptyMsg: "No topics to display"
})
untuk code lengkapnya :
note: untuk tampilan, bisa ambil di http://extjstutorial.info/extjs-4-tutorial-building-simple-array-grid-using-extjs-4
cari2 di google, dapat info tutorial di http://extjstutorial.info/
lumayan ada bayangan extjs itu apaan sebenarnya
nyobain latihan grid array yang ada di : http://extjstutorial.info/extjs-4-tutorial-building-simple-array-grid-using-extjs-4
tapi blum ada ngambil data lewat DB
coba cari how to nya di http://docs.sencha.com/ext-js/4-1
mumet juga,,,,,dari jam 10.00-13.40 nyoba smua class yang berhubungan dengan data store
nyobain yang pake class Json.Store malah pusing tujuh keliling,,,,g kluar-keluar juga record nya
akhirnya nemu juga, tapi kok balik lagi pake class data.Store (seperti yang ada di tutorial link di atas - http://extjstutorial.info/extjs-4-tutorial-building-simple-array-grid-using-extjs-4)
ternyata kudu ditambahin class model sama load nya aja
// create the data storeExt.define('results', {extend: 'Ext.data.Model',fields: ['id', 'name', 'position', 'ambition']});var store = Ext.create('Ext.data.Store', {model: 'results',proxy: {type: 'ajax',url : 'json.php',reader: {type: 'json',model: 'results'}},autoLoad: true});
akhirnya aq tambahin juga itu pake tools bar nya,,,biar keren he3
namanya jga latihan, jadi smua nya di cobain aja :P
bbar: new Ext.PagingToolbar({
pageSize: 5,
store: store,
displayInfo: true,
displayMsg: 'Displaying topics {0} - {1} of {2}',
emptyMsg: "No topics to display"
})
untuk code lengkapnya :
Ext.onReady(function() {
// create the data store
Ext.define('results', {
extend: 'Ext.data.Model',
fields: ['id', 'name', 'position', 'ambition']
});
var store = Ext.create('Ext.data.Store', {
model: 'results',
proxy: {
type: 'ajax',
url : 'json.php',
reader: {
type: 'json',
model: 'results'
}
},
autoLoad: true
});
// create the grid
var grid = Ext.create('Ext.grid.Panel', {
store: store,
columns: [
{id:'id',header: 'ID', width: 30, sortable: true, dataIndex: 'id'},
{header: 'Name', width: 100, dataIndex: 'name'},
{header: 'Position', width: 100, dataIndex: 'position'},
{header: 'Ambition', width: 250, dataIndex: 'ambition'}
],
stripeRows: true,
height:180,
width:500,
renderTo: 'grid-example',
title:'Your Ambition',
bbar: new Ext.PagingToolbar({
pageSize: 5,
store: store,
displayInfo: true,
displayMsg: 'Displaying topics {0} - {1} of {2}',
emptyMsg: "No topics to display"
})
});
});
note: untuk tampilan, bisa ambil di http://extjstutorial.info/extjs-4-tutorial-building-simple-array-grid-using-extjs-4
Komentar
Posting Komentar