- I am new to using Angular 2 and Kendo UI.
- Currently, I am attempting to include a grid inside my pop-up window.
- While I have successfully displayed the pop-up, adding the grid has proven challenging.
- The grid is not appearing as expected in the pop-up window.
- Could anyone offer guidance on how to resolve this issue?
- Upon checking the console, I did not come across any error messages.
- I am working on implementing the pop-up display using Kendo UI. You can view an example at this link.
To see a sample code that works, visit this JSFiddle link
Below, I have provided related code snippets. Due to space constraints, you can find the complete code in this JSFiddle: here
<div class="waterPaperDocInfo">
<span class="fa fa-file-text-o"></span>
<span class="cat" (click)="cloud();"> {{hat.paper}} paper</span> | Last Modified: {{hat.finger}} <span class="fa fa-clock-o">9:00 am</span>
</div>
<div id="win1" style="display:none">
<p>First Window</p>
<button type="button" id="open2">Open second Window</button>
<input type="file" name="batchFile" id="batchFile" title="Select file" />
<div id="grid"></div>
</div>
$("#grid").kendoGrid({
selectable: "multiple cell",
allowCopy: true,
columns: [
{ field: "productName" },
{ field: "category" }
],
dataSource: [
{ productName: "Tea", category: "Beverages" },
{ productName: "Coffee", category: "Beverages" },
{ productName: "Ham", category: "Food" },
{ productName: "Bread", category: "Food" }
]
});
}