SharePoint：扩展DVWP - 第14部分：用jQuery编写PreSaveAction()实务

通过前面的学习，我们已经掌握了如何在DVWP中使用PreSaveAction()，并利用jQuery协助我们创建了一些变量，接下让我们将变量的值写到审计列表中。

使用SharePoint Web服务新建审计记录

Marc的库中的UpdataListItems为我们提供了一种快速记录审计跟踪信息变更的方式。

首先把老的域值（或者说是表单本身的值）作一个记录...

$().SPServices({
    operation: "UpdateListItems", // 下面的Cmd决定了要进行插入操作
    async: false,
    listName: "FTE Change Audit", // 我之前创建好的审计列表的显示名称
    updates: "<Batch OnError='Continue' PreCalc='TRUE'>" +
            "<Method ID='1' Cmd='New'>" +
                "<Field Name='FromTo'>From</Field>" + // Field Name 为该列表栏的 'Static Name' 
                "<Field Name='Title'>" + txtOldName + "</Field>" +
                "<Field Name='Location'>" + txtOldLoc + "</Field>" +
                "<Field Name='Group'>" + txtOldGrp + "</Field>" +
                "<Field Name='Position'>" + txtOldPos + "</Field>" +
                "<Field Name='WorkShift'>" + txtOldShift + "</Field>" +
                "<Field Name='FTE'>" + txtOldFTE + "</Field>" +
                "<Field Name='EffDate'>" + txtEffDate + "</Field>" +
                "<Field Name='ChangeType'>" + txtChangeType + "</Field>" +
            "</Method>" +
        "</Batch>",
    completefunc: function(xData, Status) {
    }
});

...然后，为所有的新（或修改后）纪录重复以上过程。修改FromTo的值为To；注意到我们在这两个过程中使用相同的EffDate（你的需求或许不同）。ChangeType可以自动设置或者基于已有的一些变更计算出来。

现在合在一起

尽管你写的代码可能根据你的需求进行了修改，但是到目前为止大致上我们的PreSaveAction()的样子如下所示：

  function PreSaveAction() {
     var txtChangeType = "Update";
 
     var txtNewName = $("input[name*=$ff1_]").val();
     var txtOldName = $("span[id*=_ff9_]").text();
 
     var txtNewPos = $("input[name*=$ff3_]").val();
     var txtOldPos = $("span[id*=_ff11_]").text();
 
     var txtNewShift = $("select[name*=$ff4_]").val();
     var txtOldShift = $("span[id*=_ff12_]").text();
 
     var txtNewFTE = $("input[name*=$ff5_]").val();
     var txtOldFTE = $("span[id*=_ff13_]").text();
 
     var txtNewGrp = $("input[name*=$ff2_]").val();
     var txtOldGrp = $("span[id*=_ff10_]").text();
 
     var txtNewLoc = $("input[name*=$ff6_]").val();
     var txtOldLoc = $("span[id*=_ff14_]").text();
 
     var txtEffDate = $("input[name*=$ff7_]").val();
 
     $().SPServices({
          operation: "UpdateListItems",
          async: false,
          listName: "FTE Change Audit",
          updates: "<Batch OnError='Continue' PreCalc='TRUE'>" +
                    "<Method ID='1' Cmd='New'>" +
                         "<Field Name='FromTo'>From</Field>" +
                         "<Field Name='Title'>" + txtOldName + "</Field>" +
                         "<Field Name='Location'>" + txtOldLoc + "</Field>" +
                         "<Field Name='Group'>" + txtOldGrp + "</Field>" +
                         "<Field Name='Position'>" + txtOldPos + "</Field>" +
                         "<Field Name='WorkShift'>" + txtOldShift + "</Field>" +
                         "<Field Name='FTE'>" + txtOldFTE + "</Field>" +
                         "<Field Name='EffDate'>" + txtEffDate + "</Field>" +
                         "<Field Name='ChangeType'>" + txtChangeType + "</Field>" +
                    "</Method>" +
               "</Batch>",
          completefunc: function(xData, Status) {
          }
     });
 
     $().SPServices({
          operation: "UpdateListItems",
          async: false,
          listName: "FTE Change Audit",
          updates: "<Batch OnError='Continue' PreCalc='TRUE'>" +
                    "<Method ID='1' Cmd='New'>" +
                         "<Field Name='FromTo'>To</Field>" +
                         "<Field Name='Title'>" + txtNewName + "</Field>" +
                         "<Field Name='Location'>" + txtNewLoc + "</Field>" +
                         "<Field Name='Group'>" + txtNewGrp + "</Field>" +
                         "<Field Name='Position'>" + txtNewPos + "</Field>" +
                         "<Field Name='WorkShift'>" + txtNewShift + "</Field>" +
                         "<Field Name='FTE'>" + txtNewFTE + "</Field>" +
                         "<Field Name='EffDate'>" + txtEffDate + "</Field>" +
                         "<Field Name='ChangeType'>" + txtChangeType + "</Field>" +
                    "</Method>" +
               "</Batch>",
          completefunc: function(xData, Status) {
          }
     });
     return true;
};