Question

我正在尝试使用<select>控件实现一个选择字段。

<div id="container" onchange="fieldChangeHandler(event)">

...

<div class="item" >
    <label>Status</label>
    <select id="STATDES" onfocus="focusdiv(event)" onblur="defocusdiv(event)"></select>
</div>

在updateFields()处理程序中，我确定了控件类型：

function updateFields(result) {
    if (result[myForm.name]) {
        var fields = result[myForm.name][1];
        for (var fieldName in fields) {
            var el = document.getElementById(fieldName);
            if (el) {
                switch (el.nodeName){                       
                    case "INPUT":
                        el.value = fields[fieldName];
                        break;

                    case 'SELECT':                  
                        fill(el, fields[fieldName]);
                        el.value = fields[fieldName];
                        break;

                };
            };
        }
    }
}

...如果控件是<select>，我会通过调用表单choose来填写选项：

function fill(el, sel){
    myForm.choose(el.id, "").then(
        function (searchObj) {
            var i, ch;
            $('#'+el.id).empty();
            for (i in searchObj.ChooseLine) {
                ch = searchObj.ChooseLine[i];
                if (ch.string1 == sel){
                    $("#"+el.id).append('<option selected value="'+ ch.string1 +'">'+ ch.string1 +'</option>');
                } else {
                    $('#'+el.id).append('<option value="'+ ch.string1 +'">'+ ch.string1 +'</option>');                  
                };
            };
        },

        function (serverResponse) {
            alert(serverResponse.message);

        }

    );
};

fieldChangeHandler <select>事件对onchange的后续调用会在加载的表单上调用fieldUpdate方法：

        function fieldChangeHandler(event) {
            console.log("%s=%s", event.srcElement.id, event.target.value);
            myForm.fieldUpdate(event.srcElement.id, event.target.value);

        }

这一切都正常，直到我尝试保存当前的表格记录。

function saveHandler() {
    myForm.saveRow(
        0, 
        function(){
            console.log("Row Saved.");
        }, 
        function(serverResponse){
            console.log("%j", serverResponse);
        });
}

我得到以下输出：

Object {type: "error", ...}
code:"stop"
fatal:false
form:Object
message:"Status missing."
type:"error"
__proto__:Object

如何覆盖saveRow功能以使其从<select>控件中检索数据？

Answer 1

您必须在choose参数中指定当前值。当我（错误）阅读文档时，它不会从当前记录中读取它。

Note: If the field currently cotains a value, it will automatically be 
filled in as fieldValue, even if a different fieldValue was specified.

因此，fill函数应该如下所示......

function fill(el, sel){
    myForm.choose(el.id, sel).then(

                ...

};

Answer 2

我只想指出一些事情。选择方法：myform.choose不一定在字段更新后调用。

据我所知，在您的情况下，选择列表会为每个字段更新获取不同的值，并且您需要更新您的选择。这很酷但是如果有人使用在字段更新后没有更改的选择列表，最好只调用一次这个方法！

只需在此处写一下，以澄清有关choose方法的内容:)

priority-web-sdk：实现选择字段

2 个答案: