Как избежать дублирования кода при настройке виджета, который я создаю, используя литералы JavaScript?

Question

Я знаю, что для этого есть, вероятно, очень малое и простое наследование или расширение, но я надеюсь, что этот вопрос окажется полезным не только для меня. И быстрее.

У меня есть, например, следующий код для настройки Kendo UI grid. Мне нужно повторить этот код точно для двух сеток на одном и том же представлении, за исключением одного разницы параметров в объекте transport.read.data. Я понимаю, что могу делить определения model и columns на общие объекты, но в итоге я хотел бы разделить всю конфигурацию сетки. Возможно, расширение jQuery под названием myUserKendoGrid?

$("#availableUsersGrid").kendoGrid({ 
     dataSource: { 
      transport: { 
       read: { 
        url: "/Role/AvailableUsersJson", 
        data: { roleId: $("#Id").val() }, 
        type: "GET" 
       } 
      }, 
      schema: { 
       model: { 
        id: "Id", 
        fields: { 
         Id: { editable: false }, 
         UserName: { editable: false }, 
         EmployeeRefNum: { editable: false }, 
         EmployeeSurname: { editable: false }, 
         EmployeeFullNames: { editable: false } 
        } 
       } 
      } 
     }, 
     columns: [ 
       { field: "UserName", title: "User Name" }, 
       { field: "EmployeeRefNum", title: "Emp. No." }, 
       { field: "EmployeeSurname", title: "Surname" }, 
       { field: "EmployeeFullNames", title: "Name" } 
     ], 
     selectable: "multiple, row", 
     editable: false, 
     sortable: true, 
     pageable: true 
    }); 

Answer 1

Вы можете просто клонировать конфигурацию через .extend() метод JQuery. Например:

var superDuperAwesomeConfiguration = { 
    // moar configs go here, yo! 
}; 

var copyCatConfigs = jQuery.extend(true, {}, superDuperAwesomeConfiguration); 

// modify copyCatConfigs properties here 

$("#gridA").kendoGrid(superDuperAwesomeConfiguration); 
$("#gridB").kendoGrid(copyCatConfigs);