Multi Select Issue in Grid

[hongbo]

Dear Telerik，

I use grid in my project and would like to provide multi-select options in user-editing. But I got some strange issue using multi-select.
In my project I use multi-select like this. 

$("#grid").kendoGrid({
                    dataSource: dataSource,
                    pageable: true,
                    resizable: true,
                    sortable: true,
                    filterable: true,
                    toolbar: ["create"],
                    save: function (e) {
                        e.model.dirty = true;
                    },
                    detailTemplate: kendo.template($("#template").html()),
                    detailInit: detailInit,
                    columns: [
                        //{ field: "id", title: "id Name" },
                        { field: "Server_Name", title: "Server Name", width: "150px" },
                        { field: "Server_IP_Address", title: "Server IP Address", width: "120px" },
                        { field: "Data_Center_City", title: "City", width: "56px" },
                        { field: "Data_Center_Location", title: "Data Center Location", width: "156px" },
                        { field: "Server_Type", title: "Server Type", width: "100px" },
                        { field: "Server_Instance", title: "Server Instance", width: "120px" },
                        { field: "Environment", title: "Environment", width: "100px", editor: appDropDownEditor },
                        { command: ["edit", "destroy"], title: " ", width: "170px" }],
                    editable: "inline"
                });
            }

function appDropDownEditor(container, options) {
            $('<input required data-bind="value:' + options.field + '"/>')
                .appendTo(container)
                .kendoMultiSelect({
                    dataTextField: "text",
                    dataValueField: "text",
                    dataSource: [ { text: "PRD" }, { text: "QA" }, { text: "DEV" } ]
                });
        }

I wonder where I got wrong and it appeared with a strange <input> and a <span> unexpected. Just like the image.

I'd like to ask you that how can I use multi-select to get user input in dropdown list? I checked the demos but only found demo for <select> tag or for MVC usage.
I'm looking forward for your reply.

[Alexander Valchev]

Hi hongbo,

I am afraid that the attached screenshot cannot be opened. Could you please resend it so we can see the issues you have?

Regarding using MultiSelect in widget, I suggest you to check this forum post as it discusses similar problem. Points #2 #3 and #4 from the reply discusses the binding and the way data should look like.

Regards,
Alexander Valchev
Telerik

[hongbo]

I am sorry for the broken image. I upload once more. It is strange to render these tags.

[Daniel]

Hi,

Thank you for re-sending the image. This problem will occur if the CSS files are not correct for the version. Please verify that the kendo.common and kendo.[ThemeName] CSS files are for the version you are using and that an older version of the files is not cached by the browser. If the files are correct then please provide a runnable sample so we can investigate further.

Regards,
Daniel
Telerik

[hongbo]

I solved this, it IS about the CSS version. thanks a lot.