Open SharePoint list items in edit mode

Question

When users click on Title field from AllItems.aspx page, I want to redirect them to EditItem.aspx instead if DispForm.aspx page.

I have written following code. It's working fine for first 30 items(Page limit is 30).

<script type="text/javascript">
$(function() {
  // Change all display form links to edit form links
  $('.ms-vb a[href*="listform.aspx"]').each(function(){
      var link = $(this).attr('href');
      link = link.replace("PageType=4", "PageType=6");
      $(this).attr('href', link);
  });
});
</script>

But if I navigate through pagination, link is still same as PageType=4 and link is set to DispForm.aspx. How to overcome this issue?

Answer 1

Instead of doing all such code, you may use this workaround.

1. Remove all your code
2. Modify your view

3. Enable Edit (link to edit item) under the columns group

4. Your view will be enabled with direct link to edit icon

You can propose this solution.

Else, If you really want to link the Title field to edit form

1. You can add a script in DispForm.aspx and redirect to EditForm.aspx
2. Handle it in Client Side Rendering script

These are the easiest options.

Answer 2

Using JQuery like this will not work as this code will not execute again on pagination.

So, I will suggest you to use the Client Side Rendering like below:

(function () {
    function registerRenderer() {
        var ctxForm = {};
        ctxForm.Templates = {};

        ctxForm.Templates = {
            Fields : {
                'LinkTitle': { //------ Change Hyperlink of LinkTitle
                    View : function (ctx) {
                        var url = String.format('{0}?ID={1}', "/sites/SiteName/Lists/ListName/EditForm.aspx", ctx.CurrentItem.ID);
                        return String.format('<a href="{0}" onclick="EditItem2(event, \'{0}\');return false;">{1}</a>', url, ctx.CurrentItem.Title);
                    }
                },
            }
        };
        SPClientTemplates.TemplateManager.RegisterTemplateOverrides(ctxForm);
    }
    ExecuteOrDelayUntilScriptLoaded(registerRenderer, 'clienttemplates.js');
})();

Here I have added the edit form link on Title (linked to item with edit menu) column whose internal name is LinkTitle. If you want to add it on another column then you need to add the internal name of your column instead of LinkTitle.

How to set the JSLink property of your Web Part:

For detailed steps, check my answer given at: sharepoint 2013 list expand/collapse multiple line text column

Answer 3

The sample you proposd only works for Title field i added Edit (link to edit item) But the links only appeared on the Title field. Also changed to a different column but no luck