Knockout js - 如何在两个 javascript 文件之间传递值答案

【问题标题】：Knockout js - How to pass value between two javascript filesKnockout js - 如何在两个 javascript 文件之间传递值
【发布时间】：2016-03-16 20:20:53
【问题描述】：

我有两个 JavaScript 文件，分别称为 FileA.js 和 FileB.js。 FileA.js 包含以下函数：

Reports.CompanySearch.InitGrid = function (viewModel, emptyInit) {
var columns = [
    {
        name: 'CompanyName',
        width: 150,
        hidedlg: true,
        search: false,
        formatter: function namelinkformatter(cellvalue, options, rowObject) {              
                return "<a href='#/CompanyDetails/" + rowObject["Id"] + "'>" + rowObject["CompanyName"] + "</a>";               
        }
    },

    { name: 'Address', width: 300, search: false },
    { name: 'City', width: 100, search: false },
    { name: 'State', width: 50, search: false },
    { name: 'Zip', width: 80, search: false, hidden: true },
    { name: 'Country', width: 120, search: false, hidden: true }
];
var grid = $("#searchGrid");
grid.jqGrid({
    jsonReader: { root: 'rows', total: 'total', page: 'page', records: 'records', cell: 'cell', id: 'Id', repeatitems: false },
    colNames: [
        'Company Name',
        'Address',
        'City',
        'State',
        'Zip',
        'Country'],
    colModel: columns,
    postData: Reports.CompanySearch.CreateSearchModel(viewModel),       
    url: '/CompanyReport/Search',
    datatype: emptyInit ? 'local' : 'json',
    mtype: 'POST',
    viewrecords: true,
    loadonce: false,
    shrinkToFit: false,
    multiselect: false,
    autowidth: true,
    altRows: true,
    height: 'auto'      
});};

基本上，该函数在页面（页面 A）上创建一个数据网格，其中包含从 SQL Server 中的表加载的公司列表。公司名称有一个链接，允许用户单击它并在不同的页面（页面 B）上获取公司详细信息。页面 A 由 JavaScript FileA.js 控制，页面 B 由 JavaScript FileB.js 控制。每次用户单击公司名称时，我想将公司 ZipCode 传递给 FileB.js 中的函数。到目前为止，我在网上遇到的解决方案没有帮助，任何帮助将不胜感激。谢谢！

【问题讨论】：

标签： javascript html asp.net-mvc-4 knockout.js

【解决方案1】：

由于您使用的是 Knockout，请查看 Components。

协调两者的方法是有一个父文件知道它们并在它们之间进行调解。父级将创建数据对象并将它们传递给两个组件对象。

【讨论】：