Javascript code explaination

Question

I have this code to creates a list view like display the list column as a table. Now I see all the menu bar is deactivated (like edit item, view item, view history and everyone).

I want to enable this menu bar but I don't understand the code

    "use strict";

(function (ns) {
    ns.itemHtml = function (ctx) {
        var returnHtml = "";
        ctx.ListSchema.Field.forEach(function (element, index, array) {

            var label = element.DisplayName;
            var value = ""

            if (element.FieldType.toLowerCase() == "taxonomyfieldtype") {
                if (!ctx.CurrentItem[element.RealFieldName]) {
                    value = "";
                }
                else {
                    value = ctx.CurrentItem[element.RealFieldName].Label
                }
            }
            else if (element.FieldType.toLowerCase() == "taxonomyfieldtypemulti") {
                if (!ctx.CurrentItem[element.RealFieldName]) {
                    value = "";
                }
                else {
                    for (var i = 0; i < ctx.CurrentItem[element.RealFieldName].length; i++) {
                        value = value + ctx.CurrentItem[element.RealFieldName][i].Label + ";";
                    }
                }
            }
            else {
                value = getDefaultFieldHtml(ctx, element, ctx.CurrentItem, ctx.ListSchema);
            }

            if (typeof value === 'undefined') {
                value = "";
            }

            returnHtml += "<tr><td width='20%' class='ms-stylelabel'>" + label + "</td><td width='80%' class='ms-stylebody'>" + value + "</td></tr>";

        });
        return returnHtml;
    };
})(gov.commons.createNamespaceGov('metadataview'));

(function () {
    var overrides = {};
    overrides.Templates = {};

    overrides.Templates.Header = "<table class='ms-listviewtable' width='100%' id='MetadataView'>";
    overrides.Templates.Item = metadtaView.itemHtml;
    overrides.Templates.Footer = "</table>";

    SPClientTemplates.TemplateManager.RegisterTemplateOverrides(overrides);
})();

can somone explain what is going on in the code ?.

Mike · Accepted Answer · 2017-09-07 17:13:51Z

1

This is JSLink-- specifically JSLink bound to the webpart view. It looks like the table is just showing the managed metadata column field and it's contents for each list item. JSLink can completely take over the entire view/webpart.

It sounds like you may want to change where the JSLink is bound, so it can show the ECB instead of replacing the entire view. Check this and this out for more about JSLink.

answered Sep 7, 2017 at 17:13

Mike

12.2k8 gold badges43 silver badges64 bronze badges

Yes i have checked the link before. The problem the page is rendered as a table and sharepoint is not recognising as a element because its a displayed simply as table using javascript. can i add this code function hideEdit() { var edit = document.getElementById("Ribbon.ListForm.Display.ManageGroup"); edit.style.display = "true"; } _spBodyOnLoadFunctionNames.push("hideEdit");

user1514428
– user1514428

2017-09-11 11:47:52 +00:00
Commented Sep 11, 2017 at 11:47
In this list there will be always only one list item. Is it possible to set this item selected always so that the Ribbon is activated in the xsltview.

user1514428
– user1514428

2017-09-11 14:48:06 +00:00
Commented Sep 11, 2017 at 14:48

Add a comment |

Stack Exchange Network

Javascript code explaination

1 Answer 1

Your Answer

Hot Network Questions

Javascript code explaination

1 Answer 1

Your Answer

Sign up or log in

Post as a guest

Related

Hot Network Questions