在" BindingSelectionChanged"上获取当前行的单元格值。使用office.js在Word中以html格式表中的事件

时间:2016-07-11 11:38:56

标签: add-in office-js office-app

你好我正在创建一个使用office.js的应用程序,它将在excel和word应用程序中使用addIn,我编写了一些实际上按单元格逐行提供整行文本的代码。但是我的要求是维护样式和每个单元格并将它们存储在数据库中,这样当再次运行时,它应该以与存储时相同的格式加载数据。目前,这只是我得到回应的文字。我问了一个类似这样的问题,就是从当前单元格中获取真正有用的样式的文本。 How do I get the formatting the Current cell of the table in Word using office.js

如果有可能通过行和列位置获取单元格html,还可以解决问题。 谢谢!

1 个答案:

答案 0 :(得分:0)

您好我找到了我的问题的解决方案,但这只是单词的解决方案,这不适用于Excel,但这对我有用,所以我写在这里: -

   function Addtable() {
    var document = Office.context.document;
    var headers = [["Cities"]];
    var rows = [['<b>Hello there</b> <ul><li>One</li><li>Two</li></ul>'], ['Roma'], ['Tokyo'], ['Seattle']];
    var html = '<table>';
    html += '<thead>';
    for (var i = 0; i < headers.length; i++) {
        html += '<tr>';
        var cells = headers[i];
        for (var j = 0; j < cells.length; j++) {
            html += '<th>' + cells[j] + '</th>';
        }
        html += '</tr>';
    }
    html += '</tr>';
    html += '</thead>';
    html += '<tbody>';
    for (var i = 0; i < rows.length; i++) {
        html += '<tr>';
        var cells = rows[i];
        for (var j = 0; j < cells.length; j++) {
            html += '<td>' + cells[j] + '</td>';
        }
        html += '</tr>';
    }
    html += '</tbody>';
    html += '</table>';

    Office.context.document.setSelectedDataAsync(html, { coercionType: Office.CoercionType.Html }, function (asyncResult) {
        document.bindings.addFromSelectionAsync(Office.BindingType.Table, function (result) {
            console.log(result);

            var binding = result.value;
            binding.addHandlerAsync(Office.EventType.BindingSelectionChanged, onBindingSelectionChanged);
        });
    });
}

以上是当我想生成一个包含html值的表时我调用的函数。

和bellow是我用来获取当前单元格的值并用一些虚拟值替换的代码。

  var onBindingSelectionChanged = function (results) {
    if (!isExecuted) {
        Word.run(function (context) {
            var tableCell = context.document.getSelection().parentTableCell;
            context.load(tableCell);

            return context.sync()
                .then(function () {
                    if (tableCell.isNull == true) {
                        //selection is not within a cell..... 
                        console.log("selection not in a header");
                    }
                    else {
                        // the selection is inside a cell! lets get the content....
                        var body = tableCell.body;
                        var html = tableCell.body.getHtml();

                        var tableHtml = tableCell.body.getHtml();

                        context.sync()
                           .then(function () {
                               var cellHtml = html.value;
                               var newHtml = "<table><tr><td><ul><li>yellow</li></ul></td></tr></table";

                               // Option 1
                               body.insertHtml(newHtml, Word.InsertLocation.replace);

                               // Option 2
                               //body.clear();
                               //body.insertHtml(newHtml, Word.InsertLocation.end);

                               return context.sync().then(function () {
                                   console.log('HTML was successfully replaced.');
                               }).catch(function (e) {
                                   console.log(e.message);
                               });
                           }).catch(function (e) {
                               console.log(e.message);
                           });

                    }
                }).catch(function (e) {
                    console.log(e.message);
                });
        });
        isExecuted = true;
    }
    else {
        isExecuted=false;
    }

};

谢谢!