Как создать всплывающее окно с нокаутом?

Question

В настоящее время у меня есть сетка wijmo, где после завершения привязки появляется список столбцов с флажком. Я хотел бы добавить флажки в всплывающее окно, чтобы оно было видно только по щелчку. Следующий код - это то, что я должен скрывать и показывать столбцы в проверенных и непроверенных условиях.

self.hideCols = function() { 
      var columns = $('#Grid').wijgrid("option", "columns"), 
         listContainer = $("#columnsList"), 
         checkBox, isChecked; 

      $.each(columns, function (index, col) { 
       isChecked = (col.visible) 
        ? "checked = 'checked'" 
        : ""; 

       checkBox = $("<label><input type='checkbox' " + isChecked + " />" + col.headerText + "</label>"); 
       listContainer.append(checkBox); 
       checkBox.click(function (e) { 
        columns[index].visible = $(this).children("input")[0].checked; 
        $('#Grid').wijgrid("doRefresh"); 
       }) 

Answer 1

У меня есть. Просто нужно было создать всплывающее окно с использованием HTML и включить список столбцов внутри <div id="dialog" data-bind="wijdialog: {disabled: disabled, autoOpen: autoOpen, draggable: draggable, modal: modal, resizable: resizable }" title="Uncheck to Hide Columns"> <table id="columnsList"></table> </div>