javascript - LightSwitch 通过延迟渲染重新设计自定义控件的问题

Question

我正在使用简单的代码玩转 LightSwitch 自定义控件:

myapp.Facility_Details.ScreenContent_render = function (element, contentItem) {
    $(element).append("<ul><li><label><input type='checkbox'/><span>Test</span></li></ul>");
}

我注意到 LightSwitch 在我渲染 HTML 后做出了勇敢的努力来重写它，将它自己的控件样式类添加到 HTML 中并进行一些重新组织。我想我可以忍受这个，只是习惯它所做的事情，但当我添加一些 AJAX 到混合中时，我遇到了更糟糕的问题。当我在 Promise 的 done 方法中进行实际渲染时，不会发生后处理。

EG:

myapp.Facility_Details.ScreenContent_render = function (element, contentItem) {
  contentItem.data.getCommodityGroups().done(function (data) {
    $(element).append("<ul><li><label><input type='checkbox'/><span>Test</span></li></ul>");
  });
}

渲染完全不同(不编辑 HTML)。我也可以忍受这个，但是如果我离开这个页面并返回到它，它就会切换到第一个显示...我尝试从渲染思考中返回 Promise，也许这会让它等我完成了，但没有骰子。

有谁知道我该怎么做:

a) 防止这种重新处理，这样我就能得到每次编写的 HTML。

b) 显式触发此重新处理，以便我可以确保在 Promise 内渲染后发生这种情况。

Answer 1

它是 jQuery 做的工作，所以在附加它之前包装到 jQuery 对象中？请查看页面下方的示例 MSDN article .