javascript - ExtJs 5.1 paging tool bar in grid panel -


using extjs 5.1, when load grid panel showing correct paging number in paging tool. during page load time show page 1 of 5. previous , next buttons disabled.

#

var store = new ext.data.store({      autoload: {params:{start: 0, limit: 5}},     pagesize: 5,     remotesort: true,      model: 'tenantdetails',     proxy: {         type: 'ajax',         enablepaging : true,          url: 'http://localhost:8080/restcountries-dev/rest/page/v0.5/tenant',          reader:  new ext.data.jsonreader({             type: 'json' ,                           totalproperty:15,             rootproperty:'tenant'         })     },     listeners:{               load:function(store){                         ext.getcmp('tenant_detail_grid').getselectionmodel().select(0, true);                     }         } });

#

and paging toolbar defined below.

bbar:

 ext.create('ext.pagingtoolbar', {          store: store,         displayinfo: true,          displaymsg: '{0} - {1} of {2}',         emptymsg: "no topics display"     })

#

don't know i'm missing.thanks

hi code looks correct. here's working example of paging.

initcomponent: function () {     var me = this;      me.store = ext.create('desktop.children.store.childrenstore');      me.columns = [         {             text     : 'nachname',             dataindex: 'lastname',             flex: 1         },         {             text     : 'vorname',             dataindex: 'firstname',             flex: 1         },         {             text     : 'gruppe',             //name: 'group_id',             dataindex: 'groupname',             flex: 1         },         {             text     : 'faktor',             //name: 'group_id',             dataindex: 'factorname',             flex: 1         },         {                xtype: 'datecolumn',             text     : 'geburtsdatum',             dataindex: 'birthdate',             format: 'd.m.y',             flex: 1         },         {             text     : 'status',             //name: 'group_id',             dataindex: 'isactive',             flex: 1         },         {                 xtype: 'actioncolumn',                 width: 60,                 menudisabled: true,                 items: this.loadcontrolbar()             }     ];      me.plugins = [{         ptype:'saki-gridsearch'         ,searchtext: 'suchen'         ,autotiptext: 'mindestens zwei zeichen'         ,selectalltext: 'selektiere alle'     }];      me.bbar = me.paging = ext.create('ext.toolbar.paging', {          store:me.store         ,displayinfo:true      });       me.tbar = [         {             xtype: 'button',             id:'child_btn_add',             text:'kind hinzufügen',             tooltip:'neues kind hinzufügen',             iconcls:'add',             hidden: (checkpermission('desktop.children.view.mainwindow') != "write"),             handler:function(view, e){                 this.fireevent('addchildren', view, e);             }         },         {             xtype: 'button',             id: 'btnchildexport',             text: 'liste exportieren',             tooltip: 'spezifische liste exportieren',             iconcls: 'exportlist',             handler: function(view, e){                 this.fireevent('exportlist', view, e);             }         }     ];      me.callparent(); },

store:

ext.define('desktop.children.store.childrenstore', { extend: 'ext.data.store', id: 'childrenstore', alias: 'widget.childrenstore',  requires: [     'desktop.children.model.childrenmodel',     'ext.data.proxy.memory',     'ext.data.reader.array' ],   model: 'desktop.children.model.childrenmodel', //autoload:true, pagesize: 10, proxy: {     type:'ajax',     enablepaging: true,     url:'resources/php/json.php',     headers: { 'content-type': 'application/json' },     extraparams:{         data : json.stringify({             module : "children",             action : "load",             jsonobject : null}),         start: 0,         limit: 10,     },     reader:{         type:'json',         rootproperty: 'anfang'     } },  sorters: [{         property : 'lastname',         direction:'asc' }], });

Comments

Post a Comment

Popular posts from this blog

php - failed to open stream: HTTP request failed! HTTP/1.0 400 Bad Request -

this code i'm using find latitude , longitude of place: function coords($address){ echo $url="http://maps.googleapis.com/maps/api/geocode/json?address=".$address; $json = file_get_contents(urlencode($url)); $data = json_decode($json, true); print_r($data['results'][0]['geometry']['location']['lat']); print_r($data['results'][0]['geometry']['location']['lng']); } however returns warning: failed open stream: http request failed! http/1.0 400 bad request if use above code in simple procedure works fine not in function. note: have tried curl_init()... method produced same result? instead of encoding whole url encode address part. following code work fine $add='jamshoro phase 2'; $url="http://maps.googleapis.com/maps/api/geocode/json?address=".urlencode($add); $json = file_get_contents($url); $data = json_decode($json, true); print_r($data['r
Read more

java - How to filter a backspace keyboard input -

i have code gives message when key number pressed: txtvalueofclause.addeventfilter(keyevent.key_typed, new eventhandler<keyevent>() { @override public void handle(keyevent t) { char ar[] = t.getcharacter().tochararray(); char ch = ar[t.getcharacter().tochararray().length - 1]; if (!(ch >= '0' && ch <= '9')) { system.out.println("the char entered not number"); t.consume(); } } }); now if press on wrong button , press backspace remove it, error message. how can add backspace input if statement? i have found answer: txtvalueofclause.addeventfilter(keyevent.key_typed, new eventhandler<keyevent>() { @override public void handle(keyevent t) { char ar[] = t.getcharacter().tochararray(); char ch = ar[t.getcharacter().tochar
Read more

java - Show Soft Keyboard when EditText Appears -

i have code in android app, alert dialog , keyboard, , when dialog shown want keyboard appear. not , not sure why? here code: final alertdialog.builder alert = new alertdialog.builder(this); alert.settitle("title"); alert.setmessage("message"); final edittext input = new edittext(this); input.setinputtype(inputtype.type_class_number); alert.setview(input); input.setonfocuschangelistener(new view.onfocuschangelistener() { @override public void onfocuschange(view v, boolean hasfocus) { if (hasfocus) { log.i(tag, "in focus"); inputmethodmanager inputmethodmanager = (inputmethodmanager) getsystemservice(context.input_method_service); inputmethodmanager.showsoftinput(input, inputmethodmanager.show_implicit); } } }); but keyboard not appear though edit text in focus, , tell appear why, doesn't come up? thanks in advance.
Read more