Skip to main content

IE 9 and IE 10 Issue for Dropdown list with many items...Sharepoint 2010

Issue


$(document).ready(function () {

            // Country column
            var _countyName = "Country";

            //State Column
            var _stateName = "State";

            // Override the Country
            OverrideDropDownList(_countyName);

            //Set first value of the country as default.
            updateOriginalField(_countyName, "tempDDLName_" + _countyName);

            //Override for State
            OverrideDropDownList(_stateName);

            // Main Function
            function OverrideDropDownList(columnName) {

                // Construct a drop down list object
                var lookupDDL = new DropDownList(columnName);

                // Do this only in complex mode...
                if (lookupDDL.Type == "C") {

                    // Hide the text box and drop down arrow
                    lookupDDL.Obj.css('display', 'none');
                    lookupDDL.Obj.next("img").css('display', 'none');

                    // Construct the simple drop down field with change trigger
                    var tempDDLName = "tempDDLName_" + columnName;
                    if (lookupDDL.Obj.parent().find("select[ID='" + tempDDLName + "']").length == 0) {
                        lookupDDL.Obj.parent().append("");

                        lookupDDL.Obj.parent().find("select[ID='" + tempDDLName + "']").bind("change", function () {
                            updateOriginalField(columnName, tempDDLName);
                        });
                    }

                    // Get all the options
                    var splittedChoices = lookupDDL.Obj.attr('choices').split("|");

                    // get selected value
                    var hiddenVal = $('input[name=' + lookupDDL.Obj.attr("optHid") + ']').val()
                    if (hiddenVal == "0") {
                        hiddenVal = lookupDDL.Obj.attr("value")
                    }

                    // Replacing the drop down object with the simple drop down list
                    lookupDDL = new DropDownList(tempDDLName);

                    // Populate the drop down list
                    for (var i = 0; i < splittedChoices.length; i++) {
                        var optionVal = splittedChoices[i];
                        i++;
                        var optionId = splittedChoices[i];

                        var selected = (optionId == hiddenVal) ? " selected='selected'" : "";
                        lookupDDL.Obj.append("");
                    }
                }
            }

            // method to update the original and hidden field.
            function updateOriginalField(child, temp) {
                var childSelect = new DropDownList(child);
                var tempSelect = new DropDownList(temp);

                // Set the text box
                childSelect.Obj.attr("value", tempSelect.Obj.find("option:selected").val());

                // Get Hidden ID
                var hiddenId = childSelect.Obj.attr("optHid");

                // Update the hidden variable
                $('input[name=' + hiddenId + ']').val(tempSelect.Obj.find("option:selected").val());
            }

            // just to construct a drop down box object. Idea token from SPServces
            function DropDownList(colName) {
                // Simple - when they are less than 20 items
                if ((this.Obj = $("select[Title='" + colName + "']")).html() != null) {
                    this.Type = "S";
                    // Compound - when they are more than 20 items
                } else if ((this.Obj = $("input[Title='" + colName + "']")).html() != null) {
                    this.Type = "C";
                    // Multi-select: This will find the multi-select column control on English and most other languages sites where the Title looks like 'Column Name possible values'
                } else if ((this.Obj = $("select[ID$='SelectCandidate'][Title^='" + colName + " ']")).html() != null) {
                    this.Type = "M";
                    // Multi-select: This will find the multi-select column control on a Russian site (and perhaps others) where the Title looks like '????????? ????????: Column Name'
                } else if ((this.Obj = $("select[ID$='SelectCandidate'][Title$=': " + colName + "']")).html() != null) {
                    this.Type = "M";
                } else
                    this.Type = null;
            } // End of function dropdownCtl
        });
Labels:

Comments

Post a Comment

Popular posts from this blog

Migrating from Skype for Business to Microsoft Teams: A Step-by-Step Guide

Do you still use Skype for Business to meet the communication and collaboration needs of your business? If so, now is the perfect time to think about switching to Microsoft Teams, a cutting-edge platform with cutting-edge capabilities and seamless connectivity with other Microsoft services. But if you're unfamiliar with the procedure, switching to a new platform can seem like a difficult task. I'll walk you through the process of switching from Skype for Business to Microsoft Teams in this article. Plan the migration in Step 1 You must make a plan before you start the relocation procedure. Set a deadline, make a list of all the Skype for Business capabilities you presently use, and choose whether to migrate gradually or all at once. Step 2: Set up your surroundings. Make sure your network and infrastructure fulfil Microsoft Teams' standards. Upgrades to your hardware, software, and licences might be necessary. Additionally, confirm that you have the right permissions to ca
Post a Comment
Read more

How to: Debug SharePoint Applications

You can greatly simplify debugging by using Visual Studio extensions for Windows SharePoint Services. This topic includes procedures that explain the following: Debugging with Visual Studio extensions for Windows SharePoint Services Performing manual debugging Performing remote debugging Debugging with Visual Studio extensions for Windows SharePoint Services Press the F5 key to begin debugging with Visual Studio extensions for Windows SharePoint Services. The following procedure demonstrates how to enable F5 debugging. To enable F5 debugging Locate and open the target SharePoint application's Web.config file. By default, it is located in C:\Inetpub\wwwroot\wss\VirtualDirectories\80. Find the following line of code and change the  debug  attribute to  true . Save the changes to the Web.config file. In Visual Studio, right-click the SharePoint project, and then click  Properties . Click the  Debug  tab, and then type the target SharePoint URL in t
Read more

SharePoint 2010 – How to use Audio and Video Webpart

Video and Audio Web Part [ a.k.a Media Web Part ] is one of the new cool web parts in SharePoint 2010, so in this article I am going to show you the way to add this web part in your page. To add Media web part to the page you must activate those two features 1- SharePoint Server Publishing Infrastructure Feature in Site Collection features 2- SharePoint Server Publishing Feature in Site features After that edit page then click on Insert tab in SharePoint Ribbon then select Video and Audio Now the Media Web Part in the page Click on the Media Web Part and you will find Options Tab in the Ribbon As you can see in the Options tab there are Chang Media button allow you to select the video and Chang Image button to change the image of web part and Styles (Dark, Light) Click on Change Media to select the Media file. From Computer opens up the Upload media so you can upload the video and display it. Once you click ok and saving the page. Click on play button and enj
Post a Comment
Read more