Dependent drop down list disappears with IE

Clearwater

When using the editor " Dependent" method , the internet explorer drop-down list disappears. "Dependent" works with all other browsers.

allan

Can you give me a link to the page you are working on please? I've not come across that issue before.

Thanks,
Allan

Clearwater

Sorry tried to post an external site. I can only provide a code example for now.

    var routesEditor = new $.fn.dataTable.Editor({
        ajax: 'api/DashboardManager',
        table: '#RouteManager',
        i18n: {
            create: {
                button: "Add New Stops",
                title: "Add New Stops"
            },
            edit: {
                button: "Edit Selected Stops",
                title: "Edit Selected Stops"
            }
        },
        fields: [
            {
                label: 'Operator:',
                name: 'FK_Operator',
                type: 'select',
                options: myClearwater.operatorList,
                def: 1
            },
            {
                label: 'Vehicle:',
                name: 'FK_Vehicle',
                type: 'select',
                options: myClearwater.vehicleList,
                def: 1
            },
            {
                label: 'Location:',
                name: 'FK_Location',
                type: "select",
                options: myClearwater.locationList,
                def: 1
            },
            {
                label: 'Location Address:',
                name: 'LocationAddress',
                type: "text"
            },
            {
                label: 'Call Sign:',
                name: 'FK_Radio',
                type: "select",
                options: myClearwater.radioList,
                def: 1
            },
            {
                label: 'Status:',
                name: 'Status',
                value: 'PK',
                type: "select",
                options: statusOptions,
                def: "Active"

            },
            {
                label: 'Note:',
                name: 'Note',
                type: "select",
                options: noteOptions,
                def: "Compactor"
            },
            {
                label: 'Roll Off Type:',
                name: 'RollOff',
                type: "select",
                options: rollOffOptions,
                data: function (data, type, set) {
                    return data.RollOff;
                },
                def: "Dump and Return"

            },

            {
                label: 'Scheduled Route Date:',
                name: 'RouteDate',
                data: function (data, type, set) {
                    return moment(data.RouteDate).format("MMM DD YYYY");
                },
                type: 'datetime',
                def: moment().format("MMM DD YYYY")

            },
            { name: 'Order:', type: "hidden", def: 100 },
            { name: 'CreateDate', type: "hidden" },
            { name: 'ModifyDate', type: "hidden" },
            { name: 'LoginName', type: "hidden" },
            { name: 'RouteUnique', type: "hidden" }
        ]
    });




    routesEditor.dependent(["FK_Location"], function () {
        return {
            "options": {
                "FK_Location": myClearwater.locationList
            }
        }
    });

    routesEditor.dependent(["FK_Vehicle"], function () {
        return {
            "options": { "FK_Vehicle": myClearwater.vehicleList }
        }
    });

    routesEditor.dependent(["FK_Radio"], function () {
        return {
            "options": { "FK_Radio": myClearwater.radioList }
        }
    });

    routesEditor.dependent(["FK_Operator"], function () {
        return {
            "options": { "FK_Operator": myClearwater.operatorList }
        }
    });



    routesEditor.dependent('FK_Operator',
           function (val) {
               var result = $.grep(myClearwater.operatorList, function (e) { return e.value == val; });

               if ('create'.localeCompare(routesEditor.mode()) === 0) {
                   return {
                       "values": {
                           "FK_Vehicle": result[0].assignedVehicle,
                           "FK_Radio": result[0].assignedRadio
                       }
                   }
               }
               if ('edit'.localeCompare(routesEditor.mode()) === 0) {
                   return {
                       "values": { "FK_Radio": result[0].assignedRadio }
                   }
               }

               return {};
           });

allan

Could you show me a couple of screenshots, perhaps is when to happen (i.e. in other browsers) and what is happening in IE, please?

Thanks,
Allan

Clearwater

Clearwater

Clearwater