javascript - adding new button "Save and Next" apart from Update and Cancel given in the editable grid of extjs -


please help. using extjs. editable grid has 2 buttons ("update" , "cancel") need add new button "save , next" (saves current row , makes next row editable) in editable grid. can please me achieve this.

if don't mind hands dirty , override extjs code of roweditorbuttons. @ constructor , use ext.define override add button.

here working example:

ext.define('companyname.grid.roweditorbuttons', {     override: 'ext.grid.roweditorbuttons',     constructor: function(config) {         var me = this,             roweditor = config.roweditor,             editplugin = roweditor.editingplugin;          me.callparent(arguments);          if(editplugin.saveandnextbtn){             me.insert(0,{                 cls: ext.basecssprefix + 'row-editor-update-button',                 itemid: 'next',                 handler: editplugin.saveandnext,                 text: 'save , next',                 disabled: roweditor.updatebuttondisabled             });         }             } });  ext.define('companyname.grid.plugin.rowediting', {     override: 'ext.grid.plugin.rowediting',     saveandnext: function(button){         var ctx = this.context,             nextidx = ctx.rowidx + 1,             nextrec = ctx.store.getat(nextidx);          this.completeedit();         this.startedit(nextrec);     } });  ext.create('ext.grid.panel', {     store: {         fields:[ 'name', 'email', 'phone'],         data: [             { name: 'lisa', email: 'lisa@simpsons.com', phone: '555-111-1224' },             { name: 'bart', email: 'bart@simpsons.com', phone: '555-222-1234' },             { name: 'homer', email: 'homer@simpsons.com', phone: '555-222-1244' },             { name: 'marge', email: 'marge@simpsons.com', phone: '555-222-1254' }         ]     },     columns: [         {header: 'name', dataindex: 'name', editor: 'textfield'},         {header: 'email', dataindex: 'email', flex:1,             editor: {                 xtype: 'textfield',                 allowblank: false             }         },         {header: 'phone', dataindex: 'phone'}     ],     plugins: {         ptype: 'rowediting',         clickstoedit: 1,         saveandnextbtn: true // enable here     },     height: 200,     width: 400,     renderto: ext.getbody() });

Comments

Post a Comment

Popular posts from this blog

javascript - Google App Script ContentService downloadAsFile not working -

i have web app developed using google app script htmlservice , html form, populating excel sheet in google drive using spreadsheetapp . , 1 section calling contentservice download data excel file. function doget(e) { // read excel sheet //getappfile(); // render application html template return htmlservice.createtemplatefromfile('index').evaluate() .settitle('go smart') .setsandboxmode(htmlservice.sandboxmode.iframe); } function downloaddoublequatecsvfile() { var sheetid = propertiesservice.getscriptproperties().getproperty('sheetid'); var ss = spreadsheetapp.openbyid(sheetid).getactivesheet(); //var ss = spreadsheetapp.getactivespreadsheet().getactivesheet(); var maxcolumn = ss.getlastcolumn(); var maxrow = ss.getlastrow(); var data = ss.getrange(1, 1, maxrow, maxcolumn).getvalues(); if (data.length > 1) { var csv = ""; (var row = 0; row < data.length; row++) { (var c...
Read more

javascript - Function overwritting -

is there way overwrite function or event handling in function? using addeventlistener, can have many event handlers on element want var test=document.getelementbyid("div"); test.addeventlistener("click",function(){alert("im first");},false); test.addeventlistener("click",function(){alert("im second");},false); // alerts "im first" , after "im second" but if want overwrite function/event example based on client width example this function one() { alert("first"); } function two() { alert("second"); } window.onresize = function() { var test = document.getelementbyid("div"); if (window.innerwidth > 500) { test.onclick = 1 } else { test.onclick = two; } } is possible in javascript? in case use effective little known approach. addeventlistener can accept object property handleevent event handler. in case it's easy overwr...
Read more

php - Find a regex to take part of Email -

i have following emails need extract part from: bestellnummer xxx: 1 von xxx, 1er pack ------------- anfang der nachricht ------------- foo bar baz foo bar baz // <<<<< need text here ------------- ende der nachricht ------------- ------------- anfang der nachricht ------------- foo bar baz foo bar baz ------------- ende der nachricht ------------- there 0 unlimited occurences of ------------- anfang der nachricht ------------- ------------- ende der nachricht ------------- and i'm able extract first part regex: $re = "/------------- .*? -------------.?(.*?).?------------- .*? -------------/s"; but, i'm quite new on learning regex, i'm pretty sure there must better regex extract part (foo bar baz foo bar baz) of text between ------------- anfang der nachricht ------------- ------------- ende der nachricht ------------- as can in different languages, i'm using .? to match between hyphens. i...
Read more