Webix 학습 노트 - 기본 응용 프로그램 만들기 - 06 - 서버와 상호 작용하는 Update

1518 단어
지난 편에서 CRU를 배웠는데 이 절에서 Update를 배웠습니다. Update는 조금 귀찮습니다. 먼저 백엔드에서 업데이트할 대상을 얻고 이 대상을 수정해야 합니다. 코드는 다음과 같습니다.

첫 번째 단계: 서버에서 업데이트 MovWithJson 패키지 새로 만들기


def updateMovWithJson = {
    def resultAsJson = [result: "success", message: "The mov has been update."]
    def movInstance = Mov.get( params.id )
    if(!movInstance) {
        resultAsJson.result = "fail"
        resultAsJson.message = "Database error, failed to find the mov."
    }

    movInstance.properties = params
    if(!movInstance.save(flush: true)) {
        resultAsJson.result = "fail"
        resultAsJson.message = "failed to update the mov."
    }

    render resultAsJson as JSON
}

2단계: 클라이언트 업데이트 수정row


function update_row() {
    var sel = $$("mylist").getSelectedId(); //checks whether the item is selected
    if(!sel) return; // if not, function execution is stopped
    var values = $$("myform").getValues();
    var value1 = values.title; 
    var value2 = values.year;

    webix.ajax().post("updateMovWithJson", values, function(text,data) {
        webix.message(data.json().message);
    });

    for (var i = 0; i < sel.length; i++){
        var item = $$("mylist").getItem(sel[i]); //for every selected item
        item.title = value1; //setting values for list item
        item.year = value2;
        $$("mylist").updateItem(sel[i], item); //updating
    }
}

좋은 웹페이지 즐겨찾기