Add/Remove Multiple Rows Service Portal widget

Try the below service portal widget of adding rows and sending data to the server.

//HTML

Address	Date

{{m.address}}	{{m.date}}

Add Remove

//Client Script

function() { /* widget controller */ var c = this; c.add = function(){ c.data.action = "add"; c.server.update().then(function(){ c.data.action=undefined; //Clear the Boxes. c.data.address = "";

c.data.date= "";

});

}

c.remove = function(indexToRemove){ c.data.index=indexToRemove; c.data.action ="remove"; c.server.update().then(function(){ c.data.action=undefined; }) }

}

//Server Side Script

(function() {

data.dataFromFields = [] if(input!="" && input.action=="add"){ data.dataFromFields = input.dataFromFields; var dataArray={}; dataArray.address = input.address; dataArray.date = input.date; data.dataFromFields.push(dataArray) gs.addInfoMessage(input.address)

gs.addInfoMessage(input.date)

}

if(input.action=="remove"){ data.dataFromFields.splice(input.index,1)

}

})();

Labels:

Service Portal
User Experience and Design