Во-первых, вам нужно знать, как генерировать HTML из вашего класса Board.Существует два варианта:
с сервера, scala.XML
с клиента, javascript
Затем создайте серверную функцию ajax, которую вы можете вызывать из клиента:
def render = {
import JsCmds._
var board = initBoard()
def moveAction(s: String): JsCmd = {
val moveXY = parseXY(s) // s should be like "{x: 1, y: 2}"
board = move(board, moveXY) // your logic here
val newBoardToSend = boardToCmd(board) // generate board HTML or json here
Call("renderBoard", newBoardToSend) // call the client-side render function
}
val script = S.fmapFunc(S.contextFuncBuilder(moveAction _)) { funcName => {
val func = JsRaw("'" + funcName + "='") + Call("encodeURIComponent", LiftRules.jsArtifacts.jsonStringify(JsRaw("{x:x,y:y}")))
JsCmds.Function(
"moveIt", // the js function name you will call
"x" :: "y" :: Nil,
SHtml.makeAjaxCall(func).cmd
)
}} // generate a client ajax function: function moveIt(x, y)
yourRenderXml ++ <tail>{JsCmds.Script(script)}</tail>
}
Наконец, у вас должна быть клиентская функция renderBoard (b) для отображения вашей доски на вашей странице.и когда клиент нажимает на перемещение, вызывается "moveIt (x, y)"